как использовать плагин редактора строк для treeGrid - PullRequest
0 голосов
/ 03 февраля 2012

У меня есть сетка дерева, и мне нужно сделать ее как editorGrid.

Моя сетка дерева

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
    }
});

выдает ошибку «Объект не поддерживает это свойство или метод»

Может кто-то PLS дать решение

1 Ответ

0 голосов
/ 09 октября 2012

Ext.ux.tree.TreeGrid в Extjs v3.xx не является настоящей "сеткой" (основанной на древовидной панели + загрузчике дерева ...), поэтому вы не можете использовать "Ext.ux.grid. RowEditor "(потому что roweditor нужна сетка + магазин ...).

2 Решения:

  • Переключитесь на Extjs v4.x.x, и вы можете использовать «Ext.grid.plugin.CellEditing»:

ExtJs TreeGrid со столбцом редактора. Exists?

  • Переопределить createNode (в «Ext.ux.tree.TreeGridLoader») или изменить «Ext.ux.tree.TreeGridNodeUI»:

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

Флажок флажка в ExtJS TreeGrid

(Примеры установки флажков, которые можно изменить, чтобы добавить другие компоненты ...)

Удачи ...

...