Javascript 有没有办法在组合框中放置树列?
请帮忙。我也使用面板。我只想把我的树列数据放在一个组合框中。有人告诉我,我可能必须用ComboBox组件替换我的树列组件,但我更愿意在ComboBox中显示扩展的树列。不确定这是否可行。 我有点新,但我已经为此工作了几个小时 我的代码是:Javascript 有没有办法在组合框中放置树列?,javascript,extjs,combobox,extjs4.1,extjs4.2,Javascript,Extjs,Combobox,Extjs4.1,Extjs4.2,请帮忙。我也使用面板。我只想把我的树列数据放在一个组合框中。有人告诉我,我可能必须用ComboBox组件替换我的树列组件,但我更愿意在ComboBox中显示扩展的树列。不确定这是否可行。 我有点新,但我已经为此工作了几个小时 我的代码是: Ext.define('TV.view.configPanel.data.GroupingTree', { extend: 'Ext.tree.Panel', alias: 'widget.groupingTre
Ext.define('TV.view.configPanel.data.GroupingTree', {
extend: 'Ext.tree.Panel',
alias: 'widget.groupingTreeNew',
title: 'Groupings',
// Properties
hideHeaders: true,
rootVisible: false,
enableDrop: false,
scroll: false,
folderSort: false,
enableColumnHide: false,
enableColumnMove: false,
enableColumnResize: false,
maintainFlex: true,
multiSelect: true,
autoScroll: true,
forcefit: true,
cls: 'GridRowWithHandSymbol',
plugins: [pToolsTips],
// Custom property
loaded: false,
viewConfig: {
markDirty: false,
copy: true,
allowCopy: true,
plugins: {
ptype: 'customtreeviewdragdrop',
dragGroup: 'groupingsddgroup',
dropGroup: 'groupingsgridddgroup',
isTarget: false,
enableDrop: false
},
style: { overflow: 'auto' }
},
// Store
store: Stores.GroupingTreeStore,
initComponent: function (cfg) {
Ext.applyIf(this.config, cfg || {});
this.columns = this.buildColumns();
this.callParent(arguments);
},
tbar: [{
xtype: 'datatabTreeviewTrigger',
flex: TV.constants.Constant.Flex.OnePart
}, {
xtype: 'image',
src: 'Resources/truview/themes/images/search-icon.png',
padding: 0
}],
buildColumns: function () {
return [
{
xtype: 'treecolumn',
dataIndex: TV.constants.Constant.DataTabFields.GroupingsTreeColumnName,
flex: TV.constants.Constant.Flex.OnePart
}];
}
});
这不是一个微不足道的问题。您需要做的是使用新类进行扩展。[Ext.form.field.Picker]是一个抽象类,基本上表示一个空的combobox组件。然后在新类中,实现abstract
createPicker
方法来添加树渲染/逻辑。一个好的起点是查看如何创建:并查看那里的createPicker方法。这里有一个示例:在列表标题下。