我的ext写法一：窗口和表单

    用ext时间长了，总结了一下自己的写法。

    第一，编写继承ext控件对象；

    第二，窗口表单与管理表单(gridpanel)分开;

    第三,grid负责所有的管理功能，窗口表单为grid提供可调用的方法，如：赋值、url等。

    这种写法个人感觉相对简化一些，具体的还需要看个人在使用时如何操作。由于对ext产生厌倦心情，所以不打算加以研究，工作时能熟练使用即可。先将个一些代码贴出，以供将来参考之用。

    ContractWin = function(config){ var cntIdFD = new Ext.form.Hidden({ fieldLabel : "合同ID" , name : "cntId" }); var signRegionTree = new LINSD.SelectComboBoxTree({ id : "cntRegionName", name : 'cntRegionName', rootText : '所有区域', clickLeaf: false, fieldLabel : '合同约定地区', anchor : "90%", treeId : 'cntRegion', allowBlank : false, valueField : 'fullname', blankText :'约定地区不能为空', ctrlPath :contextPath+'/jlp/region.ext?pmethod=getRegionNode' }); Ext.getCmp('tree_cntRegion').loader.on('beforeload',function(treeLoader,node){ treeLoader.baseParams = { id : node.id } }); Ext.getCmp('tree_cntRegion').on('click',function(node){ Ext.Ajax.request({ url : controllerPath, params : { pmethod : "generatorCntCode",rgCode : node.attributes.code}, success : function(response,options){ var record = Ext.decode(response.responseText); agentCodeFD.setValue(record.message); deliveryAddressFD.setValue(node.attributes.fullname); }, failure : function(response,options){ Ext.Msg.alert("系统提示","生成合同号发生错误."); } }); }); var idcFD = new Ext.form.TextField({ fieldLabel : "身份证号" , name : "cntIdc" , allowBlank : false , blankText : "必填项" , emptyText : "必填项" , maxLengthText : "最多不能超过20个字符" , maxLength : 20 , minLength : 15 }); var signMoneyFD = new Ext.form.NumberField({ fieldLabel : "签约额度(元)" , name : "cntSignAmmount" , maxLengthText : "输入的金额过大,请重新输入" , maxLength : 15 }); var signDateFD = new Ext.form.DateField({ fieldLabel : "签约日期" , name : "cntSignDate" , allowBlank : false , blankText : "必填项" , value : new Date() , readOnly : true , format : "Y-m-d" }); var activationFD = new Ext.form.DateField({ fieldLabel : "合同生效日期" , name : "cntStartDate" , allowBlank : false , blankText : "必填项" , value : new Date() , readOnly : true , format : "Y-m-d" }); var expirationFD = new Ext.form.DateField({ fieldLabel : "合同失效日期" , name : "cntEndDate" , allowBlank : false , blankText : "必填项" , value : new Date() , readOnly : true , format : "Y-m-d" }); var lastContinueFD = new Ext.form.DateField({ fieldLabel : "最后续约日期" , name : "cntRenewDate" , readOnly : true , format : "Y-m-d" }); var lastChangedFD = new Ext.form.DateField({ fieldLabel : "最后迁移日期", name : "cntMigrationDate" , readOnly : true , format : "Y-m-d" }); var lastTransferFD = new Ext.form.DateField({ fieldLabel : "最后转让日期", name : "cntTransferDate" , readOnly : true , format : "Y-m-d" }); var endFD = new Ext.form.Hidden({ fieldLabel : "终止日期", name : "cntTerminationDate" , readOnly : true , format : "Y-m-d" }); var noteTA = new Ext.form.TextArea({ fieldLabel : "备注" , name : "note", maxLengthText : "最多不能超过500个汉字或字符" , maxLength : 500 }); var agentIdFD = new Ext.form.Hidden({ fieldLabel : "ID" , name : "agentId" }); var agentCodeFD = new Ext.form.TextField({ fieldLabel : "新代理商代码" , allowBlank : false , blankText : "必填项" , maxLength : 100 , disabled : true , maxLengthText : "最多不能超过100个汉字或字符" , name : "agntCode" }); var agentNameFD = new Ext.form.TextField({ fieldLabel : "新代理商名称", allowBlank : false , blankText : "必填项" , maxLength : 50 , maxLengthText : "最多不能超过50个汉字或字符" , name : "agntName" }); var recommenFD = new LINSD.SelectComboBoxList({ hiddenName : 'agntRecommendationId', ctrlPath : contextPath + '/jlp/agent.ext?pmethod=getAgentComboList', mode: 'local', fieldLabel : '招商人代码' }); recommenFD.on("select",function(combo, record, index){ recommenNameFD.setValue(record.data.tempField); }); var recommenNameFD = new Ext.form.TextField({ name : "agntRecommenName" , fieldLabel : '招商人', disabled : true }); var agentTypeCombo = new LINSD.SelectComboBoxList({ hiddenName : 'aglvCode', ctrlPath : contextPath + '/jlp/agentType.ext?pmethod=getAglvComboList', mode: 'local', readOnly : true, fieldLabel : '新代理商类型', allowBlank : false, blankText :'代理商类型不能为空' }); var sexStore = new Ext.data.SimpleStore({ fields:['code','value'], data:[ ['女','0'],['男','1'] ] }); var sexCombo = new Ext.form.ComboBox({ hiddenName : "agntSex" , fieldLabel:"性别", triggerAction:'all', store:sexStore, displayField:'code', valueField:'value', mode:'local', editable :false, value:'1' }); var telephoneFD = new Ext.form.TextField({ fieldLabel:"电话" , maskRe:/[0-9]/ , maxLength : 15 , maxLengthText : "最多不能超过15字符" , name : "agntPhone" }); var faxFD = new Ext.form.TextField({ fieldLabel : "传真" , maskRe:/[0-9]/ , maxLength : 15 , maxLengthText : "最多不能超过15个汉字或字符" , name : "agntFax" }); var mobileFD = new Ext.form.TextField({ fieldLabel : "手机" , maskRe:/[0-9]/ , maxLength : 11 , maxLengthText : "最多不能超过11个汉字或字符" , name : "agntMobile" }); var deliveryAddressFD = new Ext.form.TextField({ fieldLabel : "详细收货地址" , maxLength : 100 , maxLengthText : "最多不能超过100个汉字或字符" , name : "agntRecieveAddress" }); var agntGuaranteeFD = new Ext.form.NumberField({ fieldLabel : "保证金(元)" , maxLength : 15 , maxLengthText : "最多不能超过15个汉字或字符" , name : "agntGuarantee" }); var agntTurnoverFD = new Ext.form.NumberField({ fieldLabel : "周转金(元)" , maxLength : 15 , maxLengthText : "最多不能超过15个汉字或字符" , name : "agntTurnover" }); var agntActaulPaidFD = new Ext.form.NumberField({ fieldLabel : "已交金额(元)" , maxLength : 15 , maxLengthText : "最多不能超过15个汉字或字符" , name : "agntActaulPaid" }); var qqFD = new Ext.form.TextField({ fieldLabel : "QQ" , maxLength : 12 , maxLengthText : "最多不能超过12个数字" , maskRe:/[0-9]/ , name : "agntQQ" }); //如果当前用户是代理商 if(config.isAgent != null && config.isAgent){ Ext.Ajax.request({ url : contextPath + "/jlp/agent.ext", params :{ pmethod : "getAgentToJSONObjectByUserId"}, success : function(response,options){ recommenFD.disable(); var record = Ext.decode(response.responseText); if(record.state){ recommenFD.setValue(record.values.agentId); recommenFD.setRawValue(record.values.agntCode); recommenNameFD.setValue(record.values.agntName); } }, failure : function(response,options){ Ext.Msg.alert("系统提示","系统发生异常,请联系管理员!"); } }); } var contractForm = new Ext.form.FormPanel({ frame:true, layout:"column", baseCls : 'x-plain', bodyStyle:'padding:5px 0 5px 5px', labelAlign:"right" , labelWidth:85, items:[{ columnWidth : .5, frame : true, defaults : {anchor:"98%"}, layout : "form" , baseCls : 'x-plain', items :[ signRegionTree , agentTypeCombo , agentIdFD , agentCodeFD , agentNameFD , idcFD , sexCombo , telephoneFD , mobileFD , faxFD , qqFD ] },{ columnWidth : .5, frame : true, defaults : {anchor:"98%"}, layout : "form" , baseCls : 'x-plain', items:[ cntIdFD , recommenFD , recommenNameFD , signMoneyFD , agntGuaranteeFD , agntTurnoverFD , agntActaulPaidFD , deliveryAddressFD , signDateFD , activationFD , expirationFD , endFD ] },{ columnWidth : 1, frame : true, defaults : {anchor:"98%"}, layout : "form" , baseCls : 'x-plain', items :[ noteTA ] }] }); //按钮区 var saveBtn = new Ext.Button({ text:"保存" , iconCls:'x-button-save', handler : saveFn , scope : this }); var resetBtn = new Ext.Button({ text:"重置", iconCls:'x-button-reset', handler:resetFn }); var closeBtn = new Ext.Button({ text:"关闭", iconCls:'x-button-cancel', handler:closeFn, scope:this }); //方法区 function saveFn(){ if(!contractForm.form.isValid()){ Ext.Msg.alert("系统提示","请填确认合同信息输入的是否符合要求!"); return; } var privateLayer = new Ext.LoadMask(Ext.getBody(), {msg:"正在保存数据,请等待..."}); privateLayer.show(); contractForm.form.doAction("submit",{ url:controllerPath, params:{ pmethod : config.pmethod , cntCode : agentCodeFD.getValue() , cntRegionID : Ext.getCmp('cntRegionName').getValue() }, success:function(response,action){ privateLayer.hide(); Ext.Msg.alert("系统提示",action.result.message); if(action.result.success){ this.close(); if(config.store != null) config.store.reload(); }else{ Ext.Msg.alert("系统提示",action.result.message); } }, failure:function(response,action){ privateLayer.hide(); if(action.result.message != null){ Ext.Msg.alert("系统提示",action.result.message); }else{ Ext.Msg.alert("系统提示","保存失败!"); } }, scope : this }); } function resetFn(){ contractForm.form.reset(); agentForm.form.reset(); } function closeFn(){ this.close(); } ContractWin.superclass.constructor.call(this,{ maximized : false , autoScroll: true, width:"65%", modal:true, layout : "form" , buttonAlign : "center" , items:[ contractForm ], buttons:[saveBtn,resetBtn,closeBtn] }); //为表单赋值 this.setValues = function(record){ contractForm.form.setValues(record); agentTypeCombo.setValue(record.aglvCode); agentTypeCombo.setRawValue(record.aglvName); recommenFD.setValue(record.agntRecommendationId); recommenFD.setRawValue(record.agntRecommendationCode); } }; Ext.extend(ContractWin,Ext.Window);