EasyPass

摘要： 一、Table布局由类Ext.layout.TableLayout定义，类以于html中的table，可以对行或列进行合并。layoutConfig使用columns指定父容器分成3列，rowspan合并行数目。colspan合并列数目。二、应用举例CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){var_panel=newExt.Panel({title:"人员信息", 阅读全文

摘要： 一、Accordion布局由类Ext.layout.Accordion定义，表示可折叠的布局，点击每一个子元素的头部名称或右边的按钮，则会展开该面板，并收缩其它已经展开的面板。layoutConfig：true表示在执行展开折叠时启动动画效果，默认值为false。二、应用举例CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){var_panel=newExt.Panel({title:&quo 阅读全文

摘要： 一、Form布局由类Ext.layout.FormLayout定义，名称为form，是一种专门用于管理表单中输入字段的布局，这种布局主要用于在程序中创建表单字段或表单元素等使用。hideLabels：tru表示隐藏标签，默认为false。labelAlign：标签队齐方式left、right、center,默认为left。CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){var_panel= 阅读全文

摘要： 一、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 阅读全文

摘要： 一、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 阅读全文

摘要： 一、属性（构造参数）baseCls:"x-plain" Panel背景色颜色。layout:"column" Panel进行列布局。在子元素中指定使用columnWidth或width来指定子元素所占的列宽度。columnWidth表示使用百分比的形式指定列宽度。width则是使用绝对象素的方式指定列宽度，在实际应用中可以混合使用两种方式。二、应用举例Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ex 阅读全文

摘要： 一、属性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 阅读全文

摘要： 一、属性plain：布尔类型，true表示强制与背景色保持协调，默认值为false。resizable：布尔类型，用户是否可以调整窗体大小，默认值为true表示可以调整大小。maxinizable：布尔类型，true表示显示最大化按钮，默认值为false。maximized：布尔类型，true表示显示窗体时将窗体最大化，默认值为false。closable：布尔类型，true表示显示关闭按钮，默认值为true。bodyStyle：与边框的间距，如：bodyStyle:"padding:3px"。buttonAlign：窗体中button的对齐方式(left、center、r 阅读全文

摘要： 一、属性frame：布尔类型true 或 false ，为true时表示边框为圆角且具有背景色，取false则反之。xtype：在EXTJS的可视化组件部署中的一种机制，即通过指定xtype的值，来告诉容量如何初始化所包含的级件，如xtype:"textfiled",表示使用Ext.form.TextFile来进行初始化当前组件。xtype Class------------- ------------------box Ext.BoxComponentbutton Ext.Buttonbuttongroup Ext.ButtonGroupcolorpalette Ext. 阅读全文

摘要： 一、属性fieldLabel：标签名称。labelWidth：标签宽度。ID：文件框ID。二、构造参数listeners：在对象初始化之前，将一系列事件进行绑定。三、函数getCmp(string _id)：得到id为_id的组件对象。getValue()：得到文件框值。四、其它layout：只在在此布局下才能正确显示文件框的标签名，布局的宿主对象必面 是Ext.Container或者Ext.Container的子类。在应用FormLayout布局时只要在宿主对象的构造参数中指定layout:"form"即可。 五、应用举例 CodeCode highlighting pr 阅读全文