如何将微调器添加到树列？

Question

我有以下代码：

function selectClassWindow() {
    classes = Ext.create('Ext.tree.Panel', {
        store: Ext.create('Ext.data.TreeStore', {
            autoLoad: true,
            autoSync: true,
            fields: ['id','name', 'description','cost'],
            proxy: {
                type: 'ajax',
                api: {
                    read: '/otp/getClass/'
                }
            },
            root: {
                name: 'Name1',
                id: 0,
                expanded: true
            },
            listeners: {
                load: function (tree, node, records) {
                        node.eachChild(function (childNode){
                            childNode.set('checked',false);
                        });
                }
            }
        }),
        border: false,
        rootVisible: false,
        useArrows: true,
        hideHeaders: true,
        height: window.MaxHeightWindows,
        xtype: 'listTree',
        columns: [
            {
                xtype: 'treecolumn',
                text: 'Name2',
                flex: 1,
                sortable: true,
                dataIndex: 'name'
            },</code>

要添加到这里！

                {
                    xtype: 'customspinner',
                    fieldLabel: 'How Much Beer?',
                    step: 6
                }    
            ]
        })


    classes.on('itemdblclick', function() {
        selectedNode = classes.getSelectionModel().getSelection()
        if (selectedNode[0] && selectedNode[0].isLeaf()) {
            selectedClass = selectedNode[0].data.id 
            selectWindow.close()
            if((window.selectedNode[0].parentNode&&selectedNode[0].parentNode.data.name == 'Text1')||
            (window.selectedNode[0].parentNode.parentNode&&selectedNode[0].parentNode.parentNode.data.name == 'Text1')||
            (window.selectedNode[0].parentNode.parentNode.parentNode&&selectedNode[0].parentNode.parentNode.parentNode.data.name == 'Text1')){
                selectReasonWindow()
            }else{
                Ext.Ajax.request({
                        url: '/defect/updateDeparture/'+rec.data.id,
                        params: {
                            class_id: selectedClass,
                            reason_id: 0
                        },
                        success: function(result,response) {
                            if (window.departureGrid) {
                                departureGrid.store.load()
                            }
                            if (window.departureFullList) {
                                departureFullList.store.load()
                            }
                            if(window.logs){
                                logs.setValue(result.responseText)
                            }
                            if (window.crashDepartureList) {
                                crashDepartureList.store.load()
                            }

                        }
                    })
            }
        }
    })

    emptyPanel = Ext.create('Ext.panel.Panel', {
        border: false,
        flex: 1,
        items: [classes]
    })

    selectWindow = Ext.create('Ext.window.Window', {
        title: 'Name3',
        width: 750,
        border: false,
        layout: {
            type: 'hbox',
        },
        resizable:false,
        collapsible: false,
        constrain: true,
        modal:true,
        plain:true,
        items: [emptyPanel],
        buttons: [{
            text: 'Ok',
            handler: function() {
                selectedNode = classes.getSelectionModel().getSelection()
                if (selectedNode[0] && selectedNode[0].isLeaf()) {
                    selectedClass = selectedNode[0].data.id 
                    selectWindow.close()   
                    if((window.selectedNode[0].parentNode&&selectedNode[0].parentNode.data.name == 'Text1')||
                    (window.selectedNode[0].parentNode.parentNode&&selectedNode[0].parentNode.parentNode.data.name == 'Text1')||
                    (window.selectedNode[0].parentNode.parentNode.parentNode&&selectedNode[0].parentNode.parentNode.parentNode.data.name == 'Text1')){
                        selectReasonWindow()
                    }else{
                        Ext.Ajax.request({
                                url: '/defect/updateDeparture/'+rec.data.id,
                                params: {
                                    class_id: selectedClass,
                                    reason_id: 0
                                },
                                success: function(result,response) {
                                    if (window.departureGrid) {
                                        departureGrid.store.load()
                                    }
                                    if (window.departureFullList) {
                                        departureFullList.store.load()
                                    }
                                    if(window.logs){
                                        logs.setValue(result.responseText)
                                    }
                                    if (window.crashDepartureList) {
                                        crashDepartureList.store.load()
                                    }

                                }
                            })
                    }
                }
            }
        },{
            text: 'Close',
            handler: function() {selectWindow.close()}
        }]
    }).show();
}

我想在Ext.tree.Panel中添加列“customspinner”，但我得到了未捕获的TypeError:Object[Object Object]没有方法“setSortState”。发生了什么？我终于需要这样的东西了

Answer 1

有几件事妨碍了你：

1. 网格不支持单元中的组件（目前），它们很快就会支持。现在你可以使用http://skirtlesden.com/ux/component-column

如果您只想在页面的某个地方添加微调器，只需按照加载掩码组件文档进行操作。实际上，任何dom元素都可以通过掩码/取消掩码调用作为目标。