EXTJS：TreePanel单击以更改设置的项目
|
大家好
我是extjs的初学者，当我单击一个节点时，我对更改/将项目设置为布局存在疑问。
这是我的contentPanel：
var contentPanel = {
id: \'content-panel\',
region: \'center\', // this is what makes this panel into a region within the containing layout
layout: \'card\',
margins: \'2 5 5 0\',
activeItem: 0,
border: false,
items: layoutExamples // HERE I WANT TO CHANGE DYNAMIC
};
treePanel.getSelectionModel().on(\'select\', function(selModel, record) {
if (record.get(\'leaf\')) {
//Ext.getCmp(\'content-panel\').layout.setActiveItem(record.getId() + \'-panel\'); <== It\'s work.
Ext.getCmp(\'content-panel\').setActive(formPanel); // HERE I TRY TO CHANGE ITEM ON CLICK AND SET FORMPANEL
});
var formPanel = Ext.create(\'Ext.form.Panel\', {
frame: true,
title: \'Form Fields\',
width: 340,
bodyPadding: 5,
fieldDefaults: {
labelAlign: \'left\',
labelWidth: 90,
anchor: \'100%\'
},
items: [{
xtype: \'textfield\',
name: \'textfield1\',
fieldLabel: \'Text field\',
value: \'Text field value\'
}, {
xtype: \'textfield\',
name: \'password1\',
inputType: \'password\',
fieldLabel: \'Password field\'
}, {
xtype: \'filefield\',
name: \'file1\',
fieldLabel: \'File upload\'
}, {
xtype: \'textareafield\',
name: \'textarea1\',
fieldLabel: \'TextArea\',
value: \'Textarea value\'
} }]
});
没有找到相关结果
已邀请:
1 个回复
布埃郝卞簿
var formPanel = Ext.create(\'Ext.form.Panel\', { \'id\': \'form-panel-1\', // or what you want to give // and all the properties you already defined } );treePanel.getSelectionModel().on(\'select\', function(selModel, record) { if (record.get(\'leaf\')) { Ext.getCmp(\'content-panel\').getLayout().setActiveItem(Ext.getCmp(\'form-panel-1\')); } });