Mobile Sencha Extjs6-现代工具包-外部菜单中的嵌套列表

我对Sencha Extjs6非常陌生。我正在制作一个通用应用程序（现在主要关注移动设备），并试图在菜单中添加一个嵌套列表。我有从左边滑入的菜单，我可以显示嵌套列表，但是当我向下钻取列表中的项目时，会混淆吗？即，它将显示父项及其子项。如果我点击返回到根目录，那么它仍然会显示所有的叶节点等，而它应该只显示根目录项。项目之间也没有幻灯片动画，因此我认为目前不可能以这种方式使用它

当我单独创建NestedList时（没有添加到Ext.Menu中），它会按预期工作（类似于KitchenSink示例）

这就是我迄今为止所做的：

MenuList.js

Ext.define('mobile.view.menu.MenuList', {
    extend: 'Ext.NestedList',
    xtype: 'menulist',
    store: 'mobile.store.menu.MenuListStore',
    controller: 'listcontroller',
    displayField: 'text',
    title: 'Menu',
    width: '100%',
    itemId: 'menulist',
    layout: 'fit',
    styleHtmlContent: true,
    useTitleAsBackText: false,
    backText: ' ',
    scrollable: true
});

Ext.define('mobile.model.menu.MenuItem', {
    extend: 'Ext.data.Model',
    config: {
        fields: ['text']
    }
});

NavigationMenu.js嵌套列表将添加到此列表中

Ext.define('mobile.view.menu.NavigationMenu', {
    extend: 'Ext.Menu',
    xtype: 'navigation',
    controller: 'navigation-controller',
    renderTo: document.body

    ...
    ...
    ...

    getMenuCfg: function(side) {
        var me = this;

        return {
            items:[{
                xtype: 'menulist'
            }, {
                text: 'Log out',
                textAlign: 'left'
                ...
            }]
        }
    }

MenuListStore.js 我有自己的数据，但我尝试了carregions的例子，仍然没有改变行为

Ext.define('mobile.store.menu.MenuListStore', {
   extend: 'Ext.data.TreeStore',
   config: {
       model: 'mobile.model.menu.MenuItem',
       root: {},
       proxy: {
           type: 'ajax',
           url: 'resources/carregions.json'
       }
   }
});

MenuItem.js

Ext.define('mobile.view.menu.MenuList', {
    extend: 'Ext.NestedList',
    xtype: 'menulist',
    store: 'mobile.store.menu.MenuListStore',
    controller: 'listcontroller',
    displayField: 'text',
    title: 'Menu',
    width: '100%',
    itemId: 'menulist',
    layout: 'fit',
    styleHtmlContent: true,
    useTitleAsBackText: false,
    backText: ' ',
    scrollable: true
});

Ext.define('mobile.model.menu.MenuItem', {
    extend: 'Ext.data.Model',
    config: {
        fields: ['text']
    }
});

---

简而言之，当添加到视口中时，它作为独立组件工作，但当我将其作为组件添加到菜单中时，它不起作用。任何帮助或指导都会很棒。多谢各位。：）

我设法解决了它。似乎删除布局：“fit”使其正常工作