Javascript SenchaTouch2-侦听存储加载事件，设置选项卡面板项；“文本”；

我正在尝试构建我的第一个小sencha touch 2应用程序。我已经创建了一些按预期工作的东西，现在我可以创建一些事件处理的东西

我创建了以下存储：

Ext.define('Mobile.store.Blogs', {
    extend: 'Ext.data.Store',

    config: {
    },
    listeners: {
        'load' :  function(store,records,options) {
            store.loaded = true;
            console.log("fired blogCountAvailable");
            store.fireEvent("blogCountAvailable");
        },
        'blogCountAvailable': function(store, records, options) {
            console.log("blogCountAvailable has been fired");
        }
    }
});

这东西的工作如预期，但现在是下一步

以下是我的选项卡面板栏的代码：

    Ext.create("Ext.tab.Panel", {
        xtype:'mainTabPanelBottom',
        tabBarPosition: 'bottom',
        fullscreen: true,
    items: [
            {
                title: 'Blog',
                iconCls: 'home',
                xtype:'mainpanel'
            },
            {
                title: 'Users',
                iconCls: 'user',
                xtype:'userpanel'
            }
    ],
        listeners: {
            blogCountAvailable: function(tabpanel, newTab) {
                var tab   = newTab.tab,
                            badge = 10;

                tab.setBadge(badge);

                console.log("blogCountAvailable has been fired");
            }
        }
    });

---

我现在的问题是如何实现将自定义事件“blogCountAvailable”触发到选项卡面板

最简单的方法就是为选项卡面板设置一个id，然后：

Ext.getCmp('your_TabPanel_id').fireEvent("blogCountAvailable");

---

最简单的方法是为TabPanel设置

id

，然后

Ext.getCmp（“您的TabPanel\u id”）.firevent（“blogCountAvailable”）不客气，请根据Stackoverflow规则接受答案以结束问题