Javascript 将字段值设置为树Extjs中所选记录的值
在我的应用程序中,两个组件Ext.tree.Panel和Ext.form.Panel 单击树条目时,我需要设置字段值价值观从所选记录中删除 单击条目时,会触发控制器中的事件处理程序函数:Javascript 将字段值设置为树Extjs中所选记录的值,javascript,extjs,Javascript,Extjs,在我的应用程序中,两个组件Ext.tree.Panel和Ext.form.Panel 单击树条目时,我需要设置字段值价值观从所选记录中删除 单击条目时,会触发控制器中的事件处理程序函数: ... showDataFields: function(view, record, item, index, event) { //got a form with fields var panel = view.up('mainpanel'); var formfield =
...
showDataFields: function(view, record, item, index, event) {
//got a form with fields
var panel = view.up('mainpanel');
var formfield = panel.down('mainform');
//got the selected entry in the tree
sel = view.getSelectionModel().getSelection()[0];
console.log(sel)
//How to assign values from selected record to form fields?
}
...
我该怎么做?
举例
您可以使用第37行控制器文件中的showDataFields
方法,该方法将通过name
属性将记录数据映射到表单。首先检索表单,然后将您的记录设置为:showDataFields: function(view, record, item, index, event) {
...
var form = panel.down('storagepaneltype');
form.loadRecord(record);
}
此外,您需要将“name”属性从name
更改为text
,以使表单与记录属性匹配。在Fiddle.view.StoragePanel中
:items: [{
xtype: 'textfield',
name: 'text', //<-- here
fieldLabel: 'Наименование',
itemId: 'name_field',
value: '',
//bind: '{person.name}'
}
项目:[{
xtype:'textfield',
名称:'text',//谢谢。为什么您指的是'panel.down('storagepaneltype'),而不是较低的组件,例如'panel.down('mainform')。或者没有区别?没有区别