你的位置:首页 > 软件开发 > 网页设计 > Sencha Touch 1.x TabPanel的左侧TabBar

Sencha Touch 1.x TabPanel的左侧TabBar

发布时间:2016-07-13 09:00:08
先看看效果其实是会碰到问题滴sencha touch里,tabBar只有设在上面或者下面的时候,才能正常显示。如果设置到左侧的话,默认就会产生这样的结果:要解决这个问题,我的第一反应就是用css。但是那无疑增加了复杂度。(我确实也那么搞过,麻烦得要命)其实只要对sencha to ...

先看看效果

Sencha Touch 1.x TabPanel的左侧TabBar

其实是会碰到问题滴

sencha touch里,tabBar只有设在上面或者下面的时候,才能正常显示。

如果设置到左侧的话,默认就会产生这样的结果:

Sencha Touch 1.x TabPanel的左侧TabBar

要解决这个问题,我的第一反应就是用css。但是那无疑增加了复杂度。(我确实也那么搞过,麻烦得要命)

其实只要对sencha touch的布局熟一点,分析一下,很容易就能找到问题的关键。

水平一排过来的Tab1,Tab2,Tab3按钮,这是什么?这不就是hbox布局吗!

OK,也就是说要让它变成垂直的,只需要把hbox布局改为vbox布局即可。

第一个措施

因为Tab1,Tab2,Tab3是在TabBar里面的,所以我们把tabBar的layout改为vbox。

代码如下:

tabBar : {
tabBar : {
tabBar : {
Ext.setup({ 
         
        
        

原标题:Sencha Touch 1.x TabPanel的左侧TabBar

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录