第二季 第三讲 SenchaTouch 常用布局详解 Tab面板详解 面板页面跳转 ... ...
作者:本站编辑 发布时间:2015-11-24 来源:本站原创
点击数:
1. Sencha Touch常用布局
面板中布局的 属性 layout 常见的几种布局方式:
1. 盒布局(垂直布局vbox,水平布局hbox) (常用)
flex重要属性
容器的宽度=(flex配置的宽度/flex配置选项的总和)X 浏览器的宽度
如 一共有俩个panel 第一个的flex=1 第二个flex=3 那么 第一个panel的宽度为 1/4的浏览器宽度 第二个panel的宽度为 3/4的浏览器宽度
2. Fit 布局 (用的不多)
父容器应该只有一个子组件的时候起作用,子组件的尺寸自动扩展为父容器面板尺寸
3. Card 布局 (最常用)
Tab面板组件默认就是Card布局
4. 默认布局 default
2. Sencha Touch Tab面板详解
3. Sencha Touch 面板页面跳转
跳转的代码:
Ext.ComponentQuery.query('#MyPanel')[0].setActiveItem(1);