显示选项卡而不明确单击选项卡图标

Question

我目前正在使用Sencha Touch 1开发应用程序im。我的标签面板中有 2 个项目。搜索和警报。

单击时的"搜索"选项卡提供 4 个列表。当用户单击列表中的第 4 项时，他应自动定向到警报选项卡，而无需手动单击该选项卡。

我可以使用任何功能来执行此操作.

我是煎茶触摸的初学者。欢迎提出建议。

这是我的应用程序.js

ToolbarDemo=new Ext.Application({
name:'ToolbarDemo',



launch:function(){


ToolbarDemo.views.Viewport=new Ext.TabPanel({
    fullscreen:true,
    defaults:
    {
        html:'',
        styleHtmlContent:true,
    } ,
    tabBar:
    {
        dock:'bottom',
        layout:{
            pack:'center'
        }
    },
    items:[
                    /*
                    {
                    xtype:'homecard'
                    },
                    */
                    {
                    xtype:'searchcard'
                    },
                    /*
                    {
                    xtype:'actioncard'
                    },
                    */                      {
                    xtype:'settingscard'
                    },
                    {
                     xtype:'morecard'
                    },



          ] ,
       });



}
});

搜索卡具有以下代码(搜索卡.js(

          Ext.regModel('Contact',{
                      fields:['firstName','lastName']
                  });
                   //create a store
                  var liststore = new Ext.data.Store({
                   model:'Contact',
                   getGroupString:function(record){
                               return record.get('firstName')[0];
                               },
                  data:[
                                       {firstName:'Network Summary'},
                                       {firstName: 'Alarms and Alerts'},
                       ]
                  });
                detailpanel=new Ext.Panel({
                                                layout:'fit',
                                                id:'detailpanel',
                                                html:'HELLO ',
                                            });

                listpanel =new Ext.List({
                         id:'indexlist',
                         store:liststore,    //take data from store created above
                         itemTpl:'{firstName}',
                         indexBar:true ,    //property of list
                         onItemDisclosure:function(record)
                                                    {

                                                             mainpanel.setActiveItem('detailpanel');
                                                    }
                        });
                 mainpanel=new Ext.Panel({
                                                                id:'mainpanel',
                                                                layout:'card',
                                                                items:[
                                                                listpanel,detailpanel
                                                                ],
                                                            });

ToolbarDemo.views.Searchcard= Ext.extend(Ext.Panel,{
    title:'Search',
    iconCls:'search',
    badgeText:'1',
    layout:'fit',
    //items:[listpanel],
    initComponent: function() {
            Ext.apply(this, {
                items:[mainpanel],
            });
            ToolbarDemo.views.Searchcard.superclass.initComponent.apply(this, arguments);
        }
})  ;
Ext.reg('searchcard',ToolbarDemo.views.Searchcard);

我的警报选项卡有以下代码(更多卡.js(

                              Ext.regModel('Contact',{
                                      fields:['firstName','lastName']
                                  });
                    var liststore = new Ext.data.Store({
                                      model:'Contact',
                                      getGroupString:function(record){
                                                  return record.get('firstName')[0];
                                                  },
                                     data:[
                                                          {firstName:'Critical Alarms'},
                                                          {firstName: 'Major alarms'},
                                                          {firstName: 'Minor alarms'},
                                                          {firstName: 'Alerts'},
                                          ]
                                     });
                         detailpanel=new Ext.Panel({
                                                                        id:'detailpanel',
                                                                        tpl:'HELLO ',
                                                                    });

                        listpanel_my =new Ext.List({
                                                id:'indexlist',
                                                store:liststore,    //take data from store created above
                                                itemTpl:'{firstName}',
                                                indexBar:true ,    //property of list
                                                onItemDisclosure:function(record)
                                                                           {

                                                                                  //   ToolbarDemo.views.Viewport.setActiveItem('detailpanel');
                                                                           }
                                               });

            ToolbarDemo.views.Morecard = Ext.extend(Ext.Panel, {
                title: "Alarms",
                iconCls: "more",
                cardSwitchAnimation: 'slide',
                initComponent: function() {
                    Ext.apply(this, {
                      items:[listpanel_my] ,
                    });
                    ToolbarDemo.views.Morecard.superclass.initComponent.apply(this, arguments);
                }
            });
            Ext.reg('morecard', ToolbarDemo.views.Morecard);

当我在搜索选项卡(searchard.js(中单击名为"警报和警报"的列表项时，我特别希望，之后我自动希望我的警报选项卡处于活动状态并显示其项目(主要警报，次要警报等(

Answer 1

您的 TabPanel 有一个名为 setActiveItem(item) 的方法，其中 item 是一个数字。

另请参阅有关此方法的煎茶触摸文档。 Container是TabPanel的超类。