摘要：
table按照普通表格的方法布局子元素，用layoutConfig:{columns:3},//将父容器分成3列 。图形显示结果：.net代码Ext.onReady(function(){varpanel=newExt.Panel({renderTo:'paneldiv',title:'容器组件',layout:'table',width:500,height:200,layoutConfig:{... 阅读全文
posted @ 2010-03-11 17:11
HackerVirus
阅读(738)
评论(0)
推荐(0)
摘要：
form是一种专门用于管理表单中输入字段的布局.net代码Ext.onReady(function(){varwin=newExt.Window({title:"formLayout",height:150,width:230,plain:true,bodyStyle:'padding:15px',items:{xtype:"form",labelWidth:30,defaultType:"tex... 阅读全文
posted @ 2010-03-11 17:02
HackerVirus
阅读(553)
评论(0)
推荐(0)
摘要：
columnExt.onReady(function(){varwin=newExt.Window({title:"ColumnLayout",height:300,width:400,plain:true,layout:'column',items:[{title:"width=50%",columnWidth:0.5,html:"width=(容器宽度-容器内其它组件固定宽度)*50%",he... 阅读全文
posted @ 2010-03-11 16:56
HackerVirus
阅读(837)
评论(0)
推荐(0)
摘要：
card像安装向导一样，一张一张显示图像显示：.net代码Ext.onReady(function(){vari=0;varnavHandler=function(direction){if(direction==-1){i--;if(i<0){i=0;}}if(direction==1){i++;if(i>2){i=2;returnfalse;}}varbtnNext=Ext.get... 阅读全文
posted @ 2010-03-11 16:08
HackerVirus
阅读(760)
评论(0)
推荐(0)
摘要：
border将容器分为五个区域:east,south,west,north,center图形结果显示：.net代码Ext.onReady(function(){varbutton=Ext.get('show-btn');varwin;button.on('click',function(){//创建TabPanelvartabs=newExt.TabPanel({region:'center',/... 阅读全文
posted @ 2010-03-11 14:54
HackerVirus
阅读(780)
评论(0)
推荐(1)
摘要：
anchor这个效果具体还不知道有什么用，就是知道注意一下1.容器内的组件要么指定宽度，要么在anchor中同时指定高/宽，2.anchor值通常只能为负值(指非百分比值)，正值没有意义，3.anchor必须为字符串值图形结果演示：。net代码Ext.onReady(function(){varpanel1=newExt.Panel({title:"panel1",height:100,ancho... 阅读全文
posted @ 2010-03-11 14:30
HackerVirus
阅读(720)
评论(1)
推荐(1)
摘要：
extjs的容器组件都可以设置它的显示风格，它的有效值有 absolute, accordion, anchor, border, card, column, fit, form and table. 一共9种。简单总结一下，帮助记忆和学习ExtJS。absolute顾名思义，在容器内部，根据指定的坐标定位显示accordion这个是最容易记的，手风琴效果.net代码Ext.OnReady(fun... 阅读全文
posted @ 2010-03-11 14:18
HackerVirus
阅读(696)
评论(0)
推荐(1)
摘要：
接下来要学习的就是ExtJS对话框的使用了。 由于传统使用alert、confirm等方法产生的对话框非常古板，不好看。因此，ExtJS提供了一套非常漂亮的对话框，可以使用这些ExtJS对话框代替传统的alert、confirm等，实现华丽的应用程序界面。 Ext的对话框都封装在Ext.MessageBox类，该类还有一个简写形式即Ext.Msg，可以直接通过Ext.MessageBox或Ex... 阅读全文
posted @ 2010-03-11 11:55
HackerVirus
阅读(921)
评论(0)
推荐(1)
摘要：
接下来要学习的就是ExtJS窗口Window的使用了。ExtJS中窗口是由Ext.Window类定义，该类继承自Panel，因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。看下面的代码：页面中的html内容：<input id="btn" type="button" name="add" value="新窗口" />执行上面的代码，当点击按... 阅读全文
posted @ 2010-03-11 10:43
HackerVirus
阅读(2344)
评论(2)
推荐(0)
摘要：
接下来要学习的就是ExtJS面板Panel中视图区ViewPort的使用了。在前面的示例中，为了显示一个面板，我们需要在页面上添加一个，然后把 Ext控件渲染到这个div上。VeiwPort代表整个浏览器显示区域，该对象渲染到页面的body区域，并会随着浏览器显示区域的大小自动改变，一个页面中只能有一个ViewPort实例。看下面的代码：运行上面的代码会得到如图所示的输出结果。Viewport不需... 阅读全文
posted @ 2010-03-11 09:56
HackerVirus
阅读(2133)
评论(0)
推荐(0)
浙公网安备 33010602011771号