随笔分类 -  ExtJS

摘要:一、Fit布局,子元素将自动填满整个父容器(对元素设置宽度无效),如果容器组件中有多个子元素,则只会显示第一个子元素。二、应用举例CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){newExt.Panel({renderTo:Ext.getBody(),title:"容器组件",layout:"fit",width:500,height:100,ite 阅读全文
posted @ 2009-10-07 19:22 EasyPass 阅读(616) 评论(0) 推荐(0) 编辑
摘要:一、Border布局由类Ext.layout.BorderLayout定义,布局名称为border。该布局把容器分成东南西北中五个区域,分别由east,south,west,north,cente来表示,在往容器中添加子元素的时候,我们只需要指定这些子元素所在的位置,Border布局会自动把子元素放到布局指定的位置。二、应用举例Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){newExt.View 阅读全文
posted @ 2009-10-07 19:15 EasyPass 阅读(1970) 评论(0) 推荐(0) 编辑
摘要:一、属性(构造参数)baseCls:"x-plain" Panel背景色颜色。layout:"column" Panel进行列布局。在子元素中指定使用columnWidth或width来指定子元素所占的列宽度。columnWidth表示使用百分比的形式指定列宽度。width则是使用绝对象素的方式指定列宽度,在实际应用中可以混合使用两种方式。二、应用举例Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ex 阅读全文
posted @ 2009-10-06 11:49 EasyPass 阅读(1367) 评论(0) 推荐(0) 编辑
摘要:一、属性ownerCt:得到当前对象所在的容器。items:集合列表二、应用举例Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){var_window=newExt.Window({title:"测试窗体",layout:"form",width:300,plain:true,items:{id:"name",xtype:"tex 阅读全文
posted @ 2009-10-06 08:58 EasyPass 阅读(516) 评论(0) 推荐(0) 编辑
摘要:一、属性plain:布尔类型,true表示强制与背景色保持协调,默认值为false。resizable:布尔类型,用户是否可以调整窗体大小,默认值为true表示可以调整大小。maxinizable:布尔类型,true表示显示最大化按钮,默认值为false。maximized:布尔类型,true表示显示窗体时将窗体最大化,默认值为false。closable:布尔类型,true表示显示关闭按钮,默认值为true。bodyStyle:与边框的间距,如:bodyStyle:"padding:3px"。buttonAlign:窗体中button的对齐方式(left、center、r 阅读全文
posted @ 2009-10-05 17:33 EasyPass 阅读(1145) 评论(0) 推荐(0) 编辑
摘要:一、属性frame:布尔类型true 或 false ,为true时表示边框为圆角且具有背景色,取false则反之。xtype:在EXTJS的可视化组件部署中的一种机制,即通过指定xtype的值,来告诉容量如何初始化所包含的级件,如xtype:"textfiled",表示使用Ext.form.TextFile来进行初始化当前组件。xtype Class------------- ------------------box Ext.BoxComponentbutton Ext.Buttonbuttongroup Ext.ButtonGroupcolorpalette Ext. 阅读全文
posted @ 2009-10-05 11:38 EasyPass 阅读(1808) 评论(0) 推荐(0) 编辑
摘要:一、属性fieldLabel:标签名称。labelWidth:标签宽度。ID:文件框ID。二、构造参数listeners:在对象初始化之前,将一系列事件进行绑定。三、函数getCmp(string _id):得到id为_id的组件对象。getValue():得到文件框值。四、其它layout:只在在此布局下才能正确显示文件框的标签名,布局的宿主对象必面 是Ext.Container或者Ext.Container的子类。在应用FormLayout布局时只要在宿主对象的构造参数中指定layout:"form"即可。 五、应用举例 CodeCode highlighting pr 阅读全文
posted @ 2009-10-05 08:36 EasyPass 阅读(4504) 评论(0) 推荐(0) 编辑
摘要:一、属性renderTo:将当前对象所生成的HTML对象存放在指定的对象中text:得到按钮名称minWidth:按钮最小宽度hidden:按钮的隐藏或显示(true or false)二、构造参数handler:指定一个函数句柄,在默认事件触发时调用,此时在默认事件为clicklisteners:在对象初始化之前,将一系列事件进行绑定。三、函数getBogy():对到Body对象onReady():当页面加载完成时执行本函数getText():得到按钮名称setText("按钮名称"):设置按钮名称四、应用举例Code highlighting produced by A 阅读全文
posted @ 2009-09-23 14:44 EasyPass 阅读(3435) 评论(1) 推荐(0) 编辑
摘要:一、学习ExtJS前提1、Javascript2、JSON(减肥的XML)3、Java(C#)4、Web Services5、HTML DOM6、AJAX二、配置ExtJS运行环境1、CSS文件:resources\css\ext-all.css2、底层支持文件:adapter\ext\ext-base.js3、环境文件:ext-all.js 阅读全文
posted @ 2009-09-20 13:04 EasyPass 阅读(526) 评论(0) 推荐(0) 编辑