原文链接: 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 Touch 2的学习,从环境搭建到开发工具的配置,帮助你开启移动应用开发之旅。 首先,我们需要安装基本的开发环境。这包括一个现代的Web浏览器,如Chrome,因为它对HTML5的...
SenchaSDKTools-2.0.0-Beta-windows
sencha-touch-2.1.0-gpl.zip 官网下载的,欢迎下载
sencha-touch-2.3.1-gpl.zip
在探讨“Sencha Touch2 AJAX获取数据”的主题时,我们首先需要理解Sencha Touch2框架的基本概念以及AJAX技术在其中的应用。Sencha Touch2是一个用于构建高性能、跨平台的移动应用的JavaScript库,它专注于触摸设备上...
值得注意的是,使用Sencha Cmd需要一定的学习曲线,因为它涉及到许多Sencha特有的概念和技术。同时,虽然Sencha Cmd 6.5.3版本可能对某些项目有特殊意义,但随着框架的更新,新版本通常会带来更多的改进和特性,因此...
9. **学习资源**:为了更好地利用Sencha SDK Tools,开发者可以参考Sencha的官方文档、在线教程和社区论坛,这些资源提供了丰富的示例和解决方案。 10. **跨平台支持**:虽然这个压缩包是针对Windows的,但Sencha ...
SenchaSDKTools-1.2.3 SenchaSDKTools SenchaSDKTools-1.2.3-windows-installer SenchaTools Extjs4.0 SDK Tools 用来压缩打包部署Extjs4.0应用
sencha-touch-2.0.0-commercial
sencha-touch-2.0.0-commercial
Sencha Touch2发布.pdf
Sencha SDK Tools-2.0.0-beta3-windows.exe
SenchaArchitect 4(5-4)
Sencha Touch 2.1.1版本在前一版本的基础上进行了优化和增强,提高了性能,提供了更多的功能和组件。以下是一些关键知识点: 1. **响应式设计**:Sencha Touch 2.1.1支持各种屏幕尺寸和设备类型,能自动调整布局以...
SenchaArchitect 5(5-5)
SenchaArchitect 2(5-2)
git clone https://github.com/sencha/Sencha-Touch.git ``` 2. **创建新项目** - 使用Sencha CMD创建一个新的Sencha Touch 2项目。在命令行中导航到Sencha CMD安装目录下的bin文件夹,然后运行: ``` sencha ...
标题中的"api.zip_sencha _sencha touch api_sencha touch2 api"表明这是一个关于Sencha Touch API的压缩文件集合,可能包含了Sencha Touch和Sencha Touch 2两个版本的API文档。 **Sencha Touch基础知识** Sencha ...
SenchaArchitect 3(5-3)