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