常用属性
collapsible 是否允许折叠 frame是否渲染为窗口模式，有圆角 titleCollapse标题栏是否可折叠 bodyPadding 主体内边距
afterLabelTextTpl表单项标签后方提示
afterLabelTextTpl:' data-qtip=\ 显示红色星号在表单项标签后 textfield相关属性 Ext.widget('textfield', { labelWidth: 100, shadow: 'drop', margin: '20 10', labelAlign: 'right', fieldLabel: 'number', inputType: 'password', //校验及对应校验失败时显示的信息 regex: new RegExp('^-?\\d+$'), regexText: '只能输入整数', allowBlank: false, blankText: '不允许为空', minLength: '10', minLengthText: '输入不能少于10个字符', maxLength: '15', maxLength: '输入不能多于15个字符', invalidText : ‘出错而没有找到对应的错误信息，显示的文字内容’ msgTarget: 'side', renderTo: Ext.getBody() }); Ext.widget('textfield', { }); labelWidth : 100, afterLabelTextTpl : XIRJS.common.Util.required, allowBlank : false, margin : '5 20 0 0', labelAlign : \, fieldLabel : '情景id', tabIndex : 101 datefield相关属性 Ext.create(\ fieldLabel : '起始日期', labelWidth : 100, name : 'beginDate', afterLabelTextTpl : XIRJS.common.Util.required, format : 'Y-m-d', margin : '5 20 0 0', tabIndex : 104, labelAlign : \ validator : function(value) { } var df_endDateValue = Ext.util.Format.date( } returntrue; me.df_endDate.getValue(), 'Y-m-d'); me.df_beginDate.getValue(), 'Y-m-d'); var df_beginDateValue = Ext.util.Format.date( if (df_endDateValue != null&& df_endDateValue != '') { if (df_endDateValue < df_beginDateValue) { } return '起始日期不能超过结束日期'; }); comboBox常用属性 var states = Ext.create('Ext.data.Store', { fields: ['show', 'value'], data: [{ 'show': '陕西', 'value': 'shanxi' }, { 'show': '西安', 'value': 'xian' }, { 'show': '中国', 'value': 'china' }] }); { margin:'5 20 0 0', labelWidth:30, lableAlign:'right', name:'location',//对应表单的name fieldLabel:'省份', store:states, queryMode:'local',//加载本地数据 value:'xian',//默认选中值 displayField:'show',//展示对应field valueField:'value',//值对应field renderTo:Ext.getBody() } 获取值 获取对象的属性值 objectname.property 获取数组 简单类型数组arrayname[index] 对象类型数组arrayname[index].property ExtJS正则表达式 http://www.cnblogs.com/azai/archive/2010/12/31/1923140.html margin / 上右下左 / margin : '50 0 0 200' / 上下左右 / margin : '50 20' Ext getDoc( ) 将当前的HTML的document对象作为Ext.Element返回。 getDom( String/HTMLElement/Ext.Element el ) 返回dom对象，参数可以是string(id)，dom节点，或Ext.Element。 getHead( ) 将当前document的head对象当作Ext.Element返回。 getBody( ) 将当前document的body对象当作Ext.Element返回。 get( String/HTMLElement/Ext.Element el ) : Ext.dom.Element 检索Ext.dom.Element对象。get是Ext.dom.Element.get的别名。 getCmp( String id ) Ext.ComponentManager.get方法的简写。 通过id查找现有的Component decode( String json, Boolean safe ) : Object Ext.JSON.decode的简写形式 解码（解析）JSON字符串对象。如果JSON是无效的，这个函数抛出一个SyntaxError，除 非设置了安全选项。 iterate( Object/Array object, Function fn, [Object scope] ) 迭代一个数组或一个对象。如果给定的值可迭代他的方法将委派给 Ext.Array.each，否则为Ext.Object.each。 var person = { name: 'Jacky' hairColor: 'black' loves: ['food', 'sleeping', 'wife'] }; Ext.Object.each(person, function(key, value, myself) { //利用此方法可以遍历对象的属性和值 console.log(key + \ if (key === 'hairColor') { return false; // 停止迭代 } }); each( Array/NodeList/Object iterable, Function fn, [Object scope], [Boolean reverse] ) : Boolean 迭代一个数组或是可迭代的值，在每个元素上调用给定的回调函数 在回调函数中返回false，即可停止迭代过程。 Ext.Array.each(countries, function(name, index, countriesItSelf) { if (name === 'Singapore') { return false; // 此处中止 } }); Ext.each是Ext.Array.each的别名 typeOf( Object value ) : String var a; Ext.typeOf(a); //return undefined; 以字符串格式返回给定变量的类型。可能值的列表: undefined: 如果给定的值是 undefined null: 如果给定的值是 null string: 如果给定的值是一个字符串 number: 如果给定的值是一个数值 boolean: 如果给定的值是一个布尔值 date: 如果给定的值是一个 Date 对象 function: 如果给定的值是function的引用 object: 如果给定的值是一个对象 array: 如果给定的值是一个数组 regexp: 如果给定的值是一个正则表达式