如何在sencha touch中更新或刷新选项卡面板的内容

时间:2011-11-08 09:39:40

标签: updatepanel sencha-touch tabpanel

我有项目列表,而点击特定列表项目,它将显示该项目的详细信息..我有问题,对于第一个项目点击它显示正确的结果但是点击下一个项目我得到那个特定项目详细信息,但它显示旧项目详细信息。这是我的代码

 RadMobApp.views.patPanel = Ext.extend(Ext.Panel, {
    id: 'pathView',
    layout : 'fit',
 initComponent: function() {
        this.titleTxtc = new Ext.Component({
            cls : 'top_title_text',
            html: 'History'
         });
        this.backButton = new Ext.Button({
               text: 'back', 
               height:15,
               ui:'back',
               handler: function () {
                           controller.showPanel();
                            },
               scope: this
        });
        this.titleBar = new Ext.Toolbar({
            dock: 'top',
            cls: "top_tool_bar2",
            height: 42,
            items: [this.backButton, {xtype: 'spacer'}, this.titleTxtc, {xtype: 'spacer'}]
        });

        var tabs = new Ext.TabPanel({
            xtype:"tabpanel",
            id: 'tabpanel',
            renderTo: Ext.getBody(),
            width:400,
            height: 150,
            activeTab: 0,
            layoutOnTabChange: true,
            tabBar: {
            cls: "top_tab_panel1",
            height: 42,
            style: 'padding-left:2px;'
            },
            items: [{
                xtype: 'Panel1',    
                id: 'panel1',
                title: 'Panel1',
                height: 100
            },{
                xtype: 'Panel2',
                id: 'panel2',
                title: 'Panel2',
                height: 100
            },{
                xtype: 'panel3',
                id: 'panel3',
                title: 'Panel3',
                height: 100,
                listeners: {
                     beforeshow: function(p) {
                        scope: this;
                       /* var tabPanel = p.ownerCt;
                        var tabEl = tabPanel.getTabEl(prmPanel);
                        Ext.fly(tabEl).child('span.x-tab-strip-text', 
                            true).qtip = 'Tab is now enabled';    
                        Ext.getCmp('panel2').enable();  */          
                    }
                }
            }]
        }); 

        this.dockedItems = [this.titleBar];
        this.items = [tabs];
        RadMobApp.views.patPanel.superclass.initComponent.call(this);
    } 

});

如何清除标签面板?提前致谢

1 个答案:

答案 0 :(得分:0)

尝试输入配置选项

remoteFilter:true

到您要将数据加载到list.ie

的商店
new Ext.data.Store({
        model: 'Test',
        sortOnLoad: true,

        remoteFilter : true,
        autoLoad: true,
        getGroupString : function(record) {
            return record.get('FullName_FirstLast')[0];
        },
        proxy: {
            type: 'ajax',
            url : testUrl,
            reader: {
                type: 'json',
                root: 'test'
            }
        }

    })