Hi all,
How can I access bound variable in the `afterSubTpl` of a form field?
This is my use case:
In my viewController I have a `onEdit` method that creates a window with a form inside:
Code:
...
onEdit: function(record) {
var view = this.getView();
this.dialog = view.add({
xtype: "window",
layout: 'fit',
modal: true,
width: 650,
closable: true,
bind: {
title: 'Editing: "{event.title}"'
},
viewModel: {
data: {
event: record
}
},
items: {xtype: 'event-edit'}
});
this.dialog.show();
}
...
And this is my form item section ("event-edit");
Code:
...
items: [
{
xtype: 'sliderfield',
fieldLabel: 'Money',
bind: {
value: '{event.moneyPercent}',
maxValue: '{event.moneyAllocated}',
minValue: '{event.moneySpent}',
afterSubTpl: '{event.moneyAllocated}'
},
tipText: function(thumb ) {
var value = thumb.value;
return Ext.util.Format.number(value, "0,000");
},
increment: 10000,
beforeSubTpl: "0",
}
]
...
The raised error:
Code:
Uncaught TypeError: Cannot set property 'component' of null
...
Uncaught TypeError: this[binding._config.names.set] is not a function
Any idea or workaround?
Thanks