EXTJS4.1 XTemplate未从存储中提取

我正在尝试为我的应用程序创建一个侧栏导航，其中有一个加载了JSON数据的商店&XTemplate。有基本类别和子类别。但是，类别正在绘制，它不会在侧边栏中创建/呈现子类别。看看这些文档，我的和他们的“孩子”的例子几乎完全一样。我做错了什么

文件：

型号

Ext.define('APP.model.SideBar', {
extend: 'Ext.data.Model',

fields: [
    {name: 'group',     type: 'string'},
    {name: 'tools',     type: 'string', mapping: 'tools'}        
],
proxy: {
    type: 'ajax',
    url : '/js/res/sidebar.json',
    reader: {
         type: 'json',
         root: 'items'
     }
}
});

sidebar.json

{"items": [
{
    "group": "Category1",
    "tools": [
        {"name": "Sub A1"}
    ]
},{
    "group": "Category2",
    "tools": [
       {"name": "Sub B2"},
       {"name": "Sub B3"}
    ]
}]}

视图它绘制{group}而不是{tools.name}

Ext.define('APP.view.SideBar', {
alias: 'widget.appsidebar',
extend: 'Ext.view.View',
id: 'sidebar',
width: 180,
border: false,
cls: 'sidebar-list',

selModel: {
    deselectOnContainerClick: false
},

store: 'SideBar',
itemSelector: '.apptool',
tpl: [
    '<tpl for=".">',
            '<div class="sidebar-title">{group}</div>',
            '<tpl for="tools">',
                '<div class="apptool">{name}</div>',
            '</tpl>',
    '</tpl>'
]
});

Ext.define（'APP.view.SideBar'{
别名：“widget.appsidebar”，
扩展：“Ext.view.view”，
id:'侧边栏'，
宽度：180，
边界：错，
cls:“侧栏列表”，
selModel：{
取消选中Container单击：false
},
商店：'侧边栏'，
itemSelector:“.apptool”，
第三方物流：[
'',
“{group}”，
'',
“{name}”，
'',
''
]
});

我认为问题不在xtemplate，而在视图中。对于

view.itemSelector

来说：

这是必需的设置。一个简单的CSS选择器（例如div.some-class 或span:first child），将用于确定此 DataView将使用。itemSelector用于映射DOM 节点到记录因此，应该只有一个根级别的元素 与每条记录的选择器匹配的

---

查看有关在视图中显示分层数据的问题。

我认为问题不在xtemplate中，而在view中。对于

view.itemSelector

来说：

这是必需的设置。一个简单的CSS选择器（例如div.some-class 或span:first child），将用于确定此 DataView将使用。itemSelector用于映射DOM 节点到记录因此，应该只有一个根级别的元素 与每条记录的选择器匹配的

查看有关在视图中显示分层数据的问题