Sencha touch 2 回击时如何转到根面板?-森查触摸

Sencha touch 2 回击时如何转到根面板?-森查触摸,sencha-touch-2,Sencha Touch 2,我为平板电脑创建视图。查看我的图像: 在listitem中,左侧为类别,右侧为数据 当我点击左边的项目时,右边是推到新面板。当我再次点击左边的项目时,右边是推到新面板重叠。当我点击后退按钮时,按钮不是到根面板 如何放置代码? 这是我的代码: 视图: 对不起!我英语不好。“右侧是推到新面板重叠。当我点击后退按钮时,按钮不是到根面板。”不清楚。。你们能解释一下吗?@Viswa当我在右边点击左边的项目时,推到新面板。然后在右边再次点击项目,推到新项目。当我点击后退按钮时,按钮不到根面板 Ext.de

我为平板电脑创建视图。查看我的图像:

在listitem中,左侧为类别,右侧为数据


当我点击左边的项目时,右边是推到新面板。当我再次点击左边的项目时,右边是推到新面板重叠。当我点击后退按钮时,按钮不是到根面板

如何放置代码?

这是我的代码: 视图:


对不起!我英语不好。

“右侧是推到新面板重叠。当我点击后退按钮时,按钮不是到根面板。”不清楚。。你们能解释一下吗?@Viswa当我在右边点击左边的项目时,推到新面板。然后在右边再次点击项目,推到新项目。当我点击后退按钮时,按钮不到根面板
Ext.define('Project-catalog.view.tablet.Home', {
    extend: 'Ext.navigation.View',
    xtype: 'tablet-homepanel',
    requires: [ 
        'Project-catalog.store.appsAll'
    ],
    config: {
        defaultBackButtonText: 'ย้อนกลับ',
        // useTitleAsBackText: false,
        activeItem: 1,
        id: 'mynavigationview',
        title: 'All',
        iconCls: 'list',
        cls: 'home',
        styleHtmlContent: true,
        tabBarPosition: 'bottom',
        items:[
            {
                title: "All Apps",
                xtype: 'list',
                id:'Applist',
                store: 'appsAllID',
                itemTpl: new Ext.XTemplate(
                    '<img src="http://61.47.41.108:9999/system/appinfos/appicons/000/000/{id}/original/{appicon_file_name}" width="50" heigh="50" style="float:left;clear:both;"></img>',
                    '<div style="margin-left: 60px;word-wrap: break-word;width:80%;">',
                    '<span style="font-size:16px;">{name}</span><br>',
                    '<span style="font-size:13px;color:#7C7C7C;" id="catname">{categoryname}</span>',
                    '</div>'    
                ),
                masked: {
                    xtype: 'loadmask',
                    message: 'Please wait'
                }
            },
            {
                width: 300,
                dock: 'left',
                title: 'Categories',
                xtype: 'tablet-navigation'
            }
        ]
    }
});
showCatQuery: function(list,index,element,record){
        var catid = record.get('id');
        var catname = record.get('name');
        this.getHomepanel().add({
            xtype: 'panel',
            title: catname,
            scrollable: true,
            styleHtmlContent: true,
            layout: {
                type: 'fit'
            }, 
            items: [
                {
                    catid: catid,
                    xtype: 'tablet-showSearchCategory'
                }
            ]
        });
    }