Sencha-touch之TabPanel的Tab在点击时实施事件
来源:互联网 发布:数据库计算机的主机名 编辑:程序博客网 时间:2024/05/16 18:02
在TabPanel的源码中修改doTabChange方法,原本的doTabChange方法的源码是:
doTabChange: function(tabBar, newTab, oldTab) {
var index = tabBar.indexOf(newTab);
this.setActiveItem(index);
}
在其中添加几行代码:修改成:
doTabChange: function(tabBar, newTab, oldTab) {
var index = tabBar.indexOf(newTab);
var item = this.getInnerItems()[index];
if(item.handler){
if(typeof(item.handler)== 'string'){
eval(item.handler);
}else{
item.handler();
}
return;
}
this.setActiveItem(index);
}
如此修改后,在创建TabPanel时,如果需要某个Tab点击执行事件,只需要给该Tab一个handler属性,如:
Ext.create('Ext.tab.Panel',{
tabBar: {
docked: 'bottom',
layout: {
type: 'hbox',
align: 'middle'
}
},
items: [{
title: '首页',
iconCls: 'home'
},{
title: '好友',
iconCls: 'user',
handler: function(){
alert('==========');
}
},{
title: '信息',
iconCls: 'mail'
},{
iconCls: 'favorites',
title : '战利品',
},{
iconCls: 'more',
title: '更多'
}]
});
如此在点击好友这个Tab的时候会弹出=========的提示,而在点击其他Tab的时候就会进行页面切换。
- Sencha-touch之TabPanel的Tab在点击时实施事件
- sencha touch之让tabPanel的tab居中
- 【sencha-touch】TabPanel的使用
- sencha touch的tabpanel里tab比较多时,使tab子标签滚动
- sencha touch之panel和tabpanel
- sencha touch NavigationView 嵌套 TabPanel 的问题
- Sencha Touch中TabPanel组件的使用
- Sencha Touch 2.0 组件:Carousels、List、TabPanel 之用法简介
- Sencha Touch 2.0 组件:Carousels、List、TabPanel 之用法简介
- 关于Sencha Touch tabpanel的items置顶居中显示
- Sencha Touch中TabPanel组件的使用(转)
- sencha touch 模仿tabpanel导航栏TabBar的实现代码
- sencha touch 中navigationview嵌套tabpanel出现的问题
- EXTJS中如何获得TabPanel的各个tab的点击事件
- 解决Sencha Touch tabpanel滚动条问题
- 如何在点击sencha-touch-list中通过点击item获得所在的绑定字段
- Sencha Touch 2 快速入门系列(四)-- 组件之标签面板(TabPanel)
- sencha touch 响应在list的iteams中点击不同地方
- KM算法(3)poj3565
- 各板块的龙头股票
- socket
- 找出1000以下自然数中3和5的倍数之和。
- struts2常见问题解答
- Sencha-touch之TabPanel的Tab在点击时实施事件
- CPU知识点
- Codeforces Beta Round #2--B题 (DP)
- 检查程序时间执行时间
- Cookies操作
- DSG realsync 跳过xf1文件相关对象的操作
- JAVA常用类
- LTE的演进目标
- jsp图片或者文件上传