SenchaTouch2 - 监听存储加载事件，设置选项卡面板项“badgeText”

Question

我正在尝试构建我的第一个小 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“触发”到标签面板？

Answer 1

最简单的方法是为您的 TabPanel 设置一个 id，然后：

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