ExtJS4：将参数/属性从 Treestore 传递到控制器

Question

我正在使用一个没有代理的简单 TreeStore 来构建我的菜单。这是一个简单的示例：

Store：

Ext.define('LT.store.MnuApplication', {
    extend: 'Ext.data.TreeStore',
    root: {
        expanded: true,
        children: [{
            text: "Lists", 
            expanded: true, 
            children: [{
                text: "Countries", 
                leaf: true,
            }]
        }]
    }
});

在控制器中，我为“click”事件添加了一个监听器：

Controller：

init: function() {

        this.control({

            /**
             * Catch the treepanels in the menu accordion
             */
            'menu-main treepanel': {

                itemclick: function (view, record, item, index, event){

                    var clickedMnuNode = record;
                    var tabPanel = this.getTabPanel();                   

                    // Open tab only if the menu node is a leaf node
                    if (clickedMnuNode.isLeaf()) {
                        tabPanel.add({
                            xtype: clickedMnuNode.raw.loadTabComponent
                        }).show();
                    }
                }
            }
        });

        this.callParent();

    }

现在解决我的问题：我想要在 TreeStore 中定义哪些操作应该由控制器完成 - 特别是应该加载哪个组件。

例如，我希望 TreeStore 看起来像这样：

Ext.define('LT.store.MnuApplication', {
    extend: 'Ext.data.TreeStore',
    root: {
        expanded: true,
        children: [{
            text: "Lists", 
            expanded: true, 
            children: [{
                text: "Countries", 
                leaf: true,
                loadComponent: 'country-list',
                loadTarget: 'tabPanel'
            }]
        }]
    }
});

如您所见，我向 Tree Leaf 添加了两个新参数。现在我可以通过记录的“RAW”方法访问这些数据集。但这并不是一个很好的解决方案 - 不是吗？

那么有人对我有想法吗，如何将附加参数（如“loadComponent”或“loadTaget”）从我的 TreeStore 传递到控制器？

提前致谢&干杯， 迈克尔

Answer 1

过去，我使用自定义参数创建了类似的树，并为 TreeStore 使用了自定义模型。因为默认情况下你的节点只有 NodeInterface 的属性。像这样的事情：

Ext.define('TreeConfig.model.Config', {
    extend: 'Ext.data.Model',
    fields: ['properties', 'id', 'text', 'guid'],
    proxy: {
        type: 'ajax',
        url: rootConfigURL,
        actionMethods: 'POST',
        reader: {
            type: 'json'            
        }
    }
});


Ext.define('TreeConfig.store.CurrentConfig', {
    extend: 'Ext.data.TreeStore',
    model: 'TreeConfig.model.Config',
    requires: 'TreeConfig.model.Config',    
    root: {
        text: 'Config root',
        expanded: true,
        properties: []        
    }
});