sencha touch2学习笔记(四)---panel容器
程序员文章站
2022-07-15 11:54:18
...
原文链接: http://chennaigong.iteye.com/blog/1555211
在sencha touch2中,panel就是一个容器,可以容纳很多组件,可以控制布局。代码如下
Ext.application( { name:"sencha", launch:function() { var button = Ext.create('Ext.Button', { text: 'Button', id: 'rightButton' }); Ext.create('Ext.Container', { fullscreen: true, items: [ { docked: 'top', xtype: 'titlebar', items: [ button ] } ] }); Ext.create('Ext.Panel', { html: 'Floating Panel', left: 0, padding: 10 }).showBy(button); } } )
docked:'top'表示工具栏位置在上。这只是个hello world式的例子 。如果想了解复杂的应用,可以参看文档的介绍哦。
推荐阅读
-
sencha touch2学习笔记(六)----mvc方式写法(结束)
-
sencha touch2学习笔记(五)----Carousel 可滑动换页
-
sencha touch2学习笔记(六)----mvc方式写法(结束)
-
sencha touch2学习笔记(四)---panel容器
-
sencha touch2学习笔记(五)----Carousel 可滑动换页
-
sencha touch2学习笔记(三)----form表单容器及其子组件
-
sencha touch2学习笔记(三)----form表单容器及其子组件
-
sencha touch2学习笔记(一)---环境搭建和开发工具配置
-
sencha touch2学习笔记(二)----定义类与类的继承
-
sencha touch2学习笔记(二)----定义类与类的继承