`
348725767
  • 浏览: 105525 次
  • 性别: Icon_minigender_1
  • 来自: 温州
社区版块
存档分类
最新评论

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

0
0
分享到:
评论
2 楼 348725767 2012-07-09  
jingtao416 写道
你好,想请教一下,sencha touch 2在启动时加载了大量的组件,我用chrome看了一下大约800k左右,怎么能按需加载组件呢;我试了很多方法也不行,都会加载800k左右的东西,我刚接触sencha,实在搞不定了,呵呵

这个我不知道,我学的也不是很深。只停留在表面。不过sencha touch2的架构应该和extjs一样的吧,你可以搜搜extjs按需加载组件的例子。
1 楼 jingtao416 2012-07-08  
你好,想请教一下,sencha touch 2在启动时加载了大量的组件,我用chrome看了一下大约800k左右,怎么能按需加载组件呢;我试了很多方法也不行,都会加载800k左右的东西,我刚接触sencha,实在搞不定了,呵呵

相关推荐

Global site tag (gtag.js) - Google Analytics