摘要:
关键字: extjs 学习 教程ExtJs官方网http://www.extjs.com/ExtJS我的程序人生http://www.cnblogs.com/wenjl520/category/159631.html?Show=AllExtJs中文站http://www.ajaxjs.com/examples/一起EXT论坛http://www.17ext.com/EXT新手建议http://ww... 阅读全文
posted @ 2010-03-11 17:12
HackerVirus
阅读(855)
评论(0)
推荐(0)
摘要:
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
阅读(736)
评论(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
阅读(550)
评论(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
阅读(834)
评论(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
阅读(756)
评论(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
阅读(778)
评论(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
阅读(719)
评论(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
阅读(686)
评论(0)
推荐(1)
摘要:
接下来要学习的就是ExtJS对话框的使用了。 由于传统使用alert、confirm等方法产生的对话框非常古板,不好看。因此,ExtJS提供了一套非常漂亮的对话框,可以使用这些ExtJS对话框代替传统的alert、confirm等,实现华丽的应用程序界面。 Ext的对话框都封装在Ext.MessageBox类,该类还有一个简写形式即Ext.Msg,可以直接通过Ext.MessageBox或Ex... 阅读全文
posted @ 2010-03-11 11:55
HackerVirus
阅读(919)
评论(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
阅读(2342)
评论(2)
推荐(0)