如何在 TreePanel 中插入新记录（模型）？

Question

我使用TreeStore 和TreePanel。我需要在我的 Tree 中插入新节点，该怎么做？

我有TreeStore 组件，它遵循配置：

var monPrestore = Ext.create('Ext.data.TreeStore', {
    folderSort : true,
    model : 'Task',
    proxy : {
        model : 'Task',
        appendId: true,
        type : 'ajax',
        url : '/intranet-timesheet2-tasks-extjs/getJSON.tcl',
        reader : {
            type : 'json'
        },
        writer : {
            type : 'json'
        },
    }

我已经用空白值定义了任务模型（这是我要插入的）：

Ext.define('Task', {
    extend : 'Ext.data.Model',
    fields : [
        {
            name : 'task',
            type: 'string'
        },
        {
            name : 'material',
            type: 'string'
        },
        {
            name : 'cc',
            type: 'string'
        },
        {
            name : 'start_date',
            type: 'string'
        },
        {
            name : 'short_desc',
            type: 'string'
        },
        {
            name : 'id',
            type: 'string'
        }
    ]
});

我想在事件itemdlclick 被触发时插入新记录：

我已经测试过了，但它不起作用：

itemdblclick: function(view, model, htmlitem, index, e) {
    var task = {
        task: 't0',
        material: 'm0',
        cc: 'c0',
        start_date: '12',
        short_desc: 'sht',
        id: '120',
        leaf: true
    };

    monPretree.insert(4,task);          
}

非常感谢:)！

Answer 1

我想你问过类似的问题here！

树形面板没有插入方法。您必须获取树的根节点才能修改树。在您的情况下，您可能必须执行以下操作：

var rootNode = monPretree.getRootNode();
rootNode.insertChild(4,task); 

其他树操作方法请参考NodeInterface的API文档。