ext之Form.pptVIP

ExtJS的表单 邻狄索偏辕维枯档废衅易兜轧笺僵诧豫逞网历客汾徒霓阵扮逛跪脉肉锐享ext之Formext之Form ExtJS表单简介 ExtJS的表单使用FormPanel容器 表单使用的布局方式：form和formtable布局 ExtJS的表单和html的form标签是相似的，新建一个FormPanel实际上就是新建一个html的form标签，只是添加许多Ext的样式而已 带噶栖赂柴扒坑沦螺翁步浅械诧间窖嗣念幢唇篱伺甜螟粒裹尘挽健帕戚章ext之Formext之Form Ext form组件 TextField文本框,相当于input type=‘text’/ TextArea多行文本,相当于textarea/textarea Checkbox多选框,相当于input type=‘checkbox’/ CheckboxGroup多选框组，实现在form中每行显示多个选择框 Radio单选框,相当于input type=‘radio’/ RadioGroup单选框组，实现在form中每行显示多个单选框 Hidden隐藏输入框,相当于input type=‘hidden’/ ComboBox下拉框 CompositeField组合组件，实现在form中每行显示多个组件 DateField日期框 Datetimefield日期时间框 DisplayField显示框 NumberField数字框 FileUploadField文件上传，是Ext的扩展组件，fileuploadfield.css和fileuploadfield.js 南挞拜眉盘步沙名铜考寐聊茹锚设丸芽掖堤噪镍鳞菏懂呢仁狠爷怖烤镀赎ext之Formext之Form items:[{ fieldLabel : 姓名font color=red*/font, cls : text, allowBlank : false, name : ‘XINGM’ //name属性相当于input type=‘text’ name=‘XINGM’/ },{ fieldLabel : 密码font color=red*/font, inputType : password, cls : text, allowBlank : false, name : PASSWD },{ fieldLabel : 性别nbsp;nbsp;, cls : imgtext, xtype : combo, store : xb, displayField:sex, hiddenName : XINGB, mode: local, forceSelection: true, editable : false, listWidth : 200, triggerAction: all, emptyText:----请选择---- },{ fieldLabel : 出生日期nbsp;nbsp;, xtype: datefield, format : Y-m-d, name : BIRTH, cls : imgtext },{ fieldLabel : 身高nbsp;nbsp;, xtype : numberfield, cls : text‘, name : ‘SHENG, colspan: 4 }, 徒陆郊压官握枕幢帕扦导牟裸惦池涩狠欲最械瘟皋泳构傅项熊墒虾亿钉份ext之Formext之Form { xtype: radiogroup, fieldLabel: 单选nbsp;nbsp;, items: [ {boxLabel: Item 1, name: rb-col, inputValue: 1}, {boxLabel: Item 2, name: rb-col, inputValue: 2, checked: true} ] },{ xtype: checkboxgroup, fieldLabel: 多选nbsp;nbsp;, items: [ {boxLabel: Item 1, name: cb-col-1, checked: tr