Javascript 有没有办法在组合框中放置树列?

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

请帮忙。我也使用面板。我只想把我的树列数据放在一个组合框中。有人告诉我,我可能必须用ComboBox组件替换我的树列组件,但我更愿意在ComboBox中显示扩展的树列。不确定这是否可行。 我有点新,但我已经为此工作了几个小时

我的代码是:

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方法。

这里有一个示例:在列表标题下。