SenchaTouch2 - 侦听商店加载事件,设置选项卡面板项“徽章文本”
SenchaTouch2 - Listening to store load event, set tab panel item "badgeText"
我正在尝试构建我的第一个小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
选项卡面板"触发"我的自定义事件?
最简单的方法是为TabPanel设置一个id,然后:
Ext.getCmp('your_TabPanel_id').fireEvent("blogCountAvailable");
相关文章:
- Ionic V1.3-标签-带条件的徽章样式<离子选项卡>
- 我的徽章;如果“;为什么没有调用关联的函数
- 使用Handlebars 2.0和徽章将Ember 1.8.1升级到Ember 1.9.1
- 通过访问Ember.ArrayController获取话语中徽章的列表
- 将变量传递到Chrome扩展中的徽章文本
- 更新引导程序按钮内徽章的文本
- 如何使mdl徽章数据徽章内容动态
- 如何使用带有角度 JS 的 Jquery 名称徽章/文本头像插件
- Chrome 扩展徽章颜色外部网站 JavaScript 更改
- 基于选定的页面在angularjs中显示/隐藏标题徽章
- 如何将 Google Trusted Store 徽章添加到 ASPdotnetstorefront
- 将当前 URL 附加到 Javascript 网站徽章嵌入以进行跟踪
- SenchaTouch2 - 侦听商店加载事件,设置选项卡面板项“徽章文本”
- 是否有可能从谷歌加徽章(添加到圈子)获得回调
- 如何在角度 js 中实现徽章
- 如果单击,选项卡中的徽章将重置为 0
- 在Firefox中使用Javascript动态更改Bootstrap 3.0徽章文本
- 如何增加离子徽章中的数字
- StumbleUpon徽章未在现场加载.无法将消息发布到http://www.stumbleupon.com.收件人有来
- 你如何减轻与第三方Javascript相关的风险;社交共享”;徽章(“Like”按钮等)