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

Question

我正在使用一个没有代理的简单TreeStore来构建我的Menu。下面是一个简单的例子：

商店：

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

在控制器从来就增加了一个监听器 “点击” 事件：

控制器：

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

正如你所看到的从来就增加了两个新参数的树叶。现在我不能通过记录的“RAW”方法访问这些数据集。但那不是一个很好的解决方案 - 不是吗？

有没有人有我的想法，如何从我的TreeStore传递额外参数（如“loadComponent”或“loadTaget”）到控制器？

在此先感谢&欢呼声， 迈克尔

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: []   
    } 
});