sencha touch2学习笔记(四)---panel容器

?

原文链接：?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式的例子 。如果想了解复杂的应用，可以参看文档的介绍哦。