摘要: 一个专门Panel用作程序窗口。默认的,Window可以是浮动的(floated)、可缩放(resizable)以及可拖动的(draggable)。Window能够被最大化适应可视窗口,(restored)恢复到先前的大小以及可以最小化。Window也可以被链接到一个Ext.ZIndexManager或者由Ext.WindowManager来提供分组(grouping)、活动(activation)、向前(to front)、向后(to back)和其它特定程序行为。 默认情况下,Window要被渲染到document.body的,要限制讲Window渲染到另一个元素。和其他所有容器一样... 阅读全文
posted @ 2014-02-21 23:20 易小亨 阅读(673) 评论(0) 推荐(0) 编辑
摘要: 上回在Panel的应用中我们应该能大致区分开conteEl和renderTo,这回我们从定义中区分。在Panel的API中,contentEl:String指定一个现有的HTML元素或者id作为此组件的内容。这个config选项是用来利用现有的HTML元素,并将其放置在一个新的组件的布局元素(它只是将指定的DOM元素移动到,已经被渲染的组件之中当内容使用)注意:在其他配置的HTML被插入到组件之后,指定的HTML元素被追加到组件的布局元素中,document中将不再包含此元素。这个指定的HTML元素不参与到该组件的任何布局方案。仅仅是HTML。布局是在子项上操作的。可以增加x-hidden或者 阅读全文
posted @ 2014-02-21 21:28 易小亨 阅读(3251) 评论(0) 推荐(0) 编辑
摘要: Panel加载页面 var myPanel=Ext.create('Ext.panel.Panel',{ bodyPadding: "15px 10px 0 10px", title:'目标', width:300, height:220, html:'好好学习,天天向上!',//当你添加autoLoad之后,这个内容没有添加上 bodyStyle:'background:pink;color:white', frame:false,//True to apply a frame to the ... 阅读全文
posted @ 2014-02-21 20:58 易小亨 阅读(575) 评论(0) 推荐(1) 编辑
摘要: 文档中描述 Panel(面板)是一个容器,它具有特定的功能和结构部件,这使它成为面向应用用户界面的完美基石。面板,继承自Ext.container.Container,能够配置布局以及子组件(Child Components)。当向Panel中添加指定的子项(Child Items)或者动态的添加组件时,记得要考虑如何排版Panel中的子元素,这些子元素是否需要Ext内建Layout布局的方案。默认情况下,Panel使用自动(Auto)布局。这种方式,只是呈现子组件,一个接一个向Container容器中追加,并且不能适用于任意大小。 Panel可以包含底部和顶部的工具栏,以及独立的页眉... 阅读全文
posted @ 2014-02-21 17:06 易小亨 阅读(3146) 评论(0) 推荐(0) 编辑