如何使用treeGrid的行编辑器插件

Question

我有一个树形网格，我需要将其设置为编辑网格。

我的树形网格是

var tree = new Ext.ux.tree.TreeGrid({
    title: 'Core Team Projects',
     height: 500,
    renderTo: Ext.getBody(),
      autoLoad:false,
    plugins: [editor],
      columns:[
        {
        header: 'Name',
        dataIndex: 'name',
        width: 230
    },{
        header: 'length',
        width: 150,
        sortType: 'asFloat',
        dataIndex: 'length'
    },{
        header: 'size',
        width: 150,
        sortType: 'asFloat',
        dataIndex: 'size'
    },{
        header: 'dataType',
        width: 150,
        dataIndex: 'dataType'
    },{
        header: 'extName',
        width: 150,
        dataIndex: 'extName'
    },{
        header: 'overlay',
        width: 150,
        dataIndex: 'overlay'
    },{
        header: 'qualified',
        width: 150,
        dataIndex: 'qualified'
    }],
    loader: myTreeLoader

});

我使用的编辑器

var editor = new Ext.ux.grid.RowEditor({
    saveText: 'Save',
    errorSummary : true,
    monitorValid: true,
    clicksToEdit: 1,
    // floating: true,
    shadow: true,
    layout: 'hbox',
    cls: 'x-small-editor',
    buttonAlign: 'center',
    baseCls: 'x-row-editor',
    elements: 'header,footer,body',
    frameWidth: 5,
    buttonPad: 3,
    focusDelay: 250,
    cancelText: 'Cancel',
    //commitChangesText: 'You need to Update or Cancel your changes',
    // errorText: 'Errors',

    defaults: {
        normalWidth: true
    }
});

给出了错误“对象不支持此属性或方法”

有人可以提供解决方案吗

Answer 1

Extjs v3.xx 中的“Ext.ux.tree.TreeGrid”不是真正的“网格”（基于treepanel + treeloader...），这就是为什么你不能使用“Ext.ux.grid.RowEditor”（因为 roweditor 需要一个网格 + 存储...）。

2解决方案：

• 切换到Extjs v4.xx，可以使用“Ext.grid.plugin.CellEditing”：

带有编辑器列的 ExtJs TreeGrid。存在吗？

• 覆盖createNode（在“Ext.ux.tree.TreeGridLoader”中）或修改“Ext.ux.tree.TreeGridNodeUI”：

http://www.sencha.com/forum /showthread.php?118393-treegrid-checkbox-extension

ExtJS TreeGrid 中的复选框列

（放置复选框的示例，您可以修改以放置其他组件... ）

祝你好运...