文档章节

Sencha Touch 使tab底部图标宽度平均分配

蓝色浮云
 蓝色浮云
发布于 2015/04/13 15:29
字数 178
阅读 43
收藏 2

修改前:

修改后:

在tabpanel对应的controller中添加如下代码

config: {

        views: ['Main'],

        refs : {

main : 'Main',

      },

        control : {

        'Main':{

        initialize:'initialize'

       }

        }

    },

    //使tab底部图标宽度平均分配

    initialize:function(){

    var tabPanelItems = this.getMain().getItems();

    for (var i = 0; i < tabPanelItems.length; i++) {

     if (tabPanelItems.items[i].tab) {

         //因为有四个按钮,所以25%表示每个按钮的宽度比例    

tabPanelItems.items[i].tab.setWidth('25%');

     if(i==tabPanelItems.length-1){

                           //解决最后一个按钮太靠右的问题,不清楚为什么会有这个问题

     tabPanelItems.items[i].tab.setPadding('0px 25px 0px 0px');

     }

     }

    }

   }

© 著作权归作者所有

共有 人打赏支持
蓝色浮云
粉丝 0
博文 5
码字总数 1340
作品 0
浦东
程序员
私信 提问
使用 Sencha Touch 开发超炫的跨平台移动 Web 应用

Sencha Touch 是由 Sencha 公司开发的移动 Web 应用开发框架,用以提升主流移动设备在浏览器上的触碰操作,增强用户体验。该框架以久负盛名的 Ext JS 富客户端框架为基础,并支持最新的 HTML...

IBMdW
2011/08/04
3.9K
0
用 Sencha Touch 构建移动 web 应用程序

Sencha Touch 是一个使用 HTML5、CSS3 和 JavaScript 语言构建的移动 web 应用程序框架,在本文中,学习如何应用您当前的 web 开发技能进行移动 web 开发。下载和建立 Sencha Touch,通过一个...

IBMdW
2012/03/19
1K
0
Sencha Touch 2.4.0 发布,增强对黑莓的支持

Sencha Touch 2.4.0 发布,该版本增强了对黑莓 10 浏览器和设备的支持,你可通过这里 下载 Sencha Touch 2.4 在黑莓设备上密码输入框增加了一个眼睛的图标,指示触摸进入时。此外列表组件的 ...

oschina
2014/08/26
3.1K
5
Sencha Touch 2.2 发布,根据不同平台定制主题

Sencha Touch 2.2 提供了自定义主题的能力,你可以为你的应用定制不同平台上的 CSS,不同平台这里可以理解为不同的浏览器,例如 Chrome、IE10 或者 Safari,也可以是不同的设备,如 Android、...

oschina
2013/05/15
3.7K
2
Sench Touch 监听滚动事件

由于dataview的分页插件中加载更多按钮会显示在上面,只能放弃使用分页插件,改成了滚动到底部自动刷新,下面这就是在网上找到的监听滚动事件: 1.这是在控制器里的: config: { },onListIn...

Geomen
2016/01/12
34
0

没有更多内容

加载失败,请刷新页面

加载更多

Nginx-使用简单总结

下载nginx:http://nginx.org/en/download.html 下载后解压 有很多种方法启动nginx (1)直接双击nginx.exe, 双击后一个黑色的弹窗一闪而过 (2)打开cmd命令窗口,切换到nginx解压目录下, 输入...

Java搬砖工程师
11分钟前
1
0
通过修改控制文件scn推进数据库scn

在数据库遇到ora-600[2662],scn不一致(又没有日志)的时候,我们首先想到的就是去推进数据库的scn,让数据库能够open起来,抢救其中的数据,但是由于各种乱用的情况,oraclescn的pach出来后(11.2...

突突突酱
12分钟前
1
0
Underscore _.template 方法使用详解

https://github.com/hanzichi/underscore-analysis/issues/26 前文 浅谈 Web 中前后端模板引擎的使用 我们简单了解了模板引擎在前后端的应用场景,本文重点深入 Underscore 的模板函数 _.te...

壹峰
13分钟前
0
0
前端缩短数字的长度解决方案[10进制转化为64进制]

function string10to64 (number) { var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz_$'.split(''), radix = chars.length, qutient =......

未来cc
13分钟前
0
0
十年架构师不到400行手写一个Spring MVC

首先,我们先来介绍一下Spring的三个阶段,配置阶段、初始化阶段和运行阶段(如图): 配置阶段:主要是完成application.xml配置和Annotation配置。 初始化阶段:主要是加载并解析配置信息,...

小刀爱编程
13分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部