版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
ExtJSJavaScript的面向?qū)ο蠹夹g(shù)進(jìn)行者從整體上掌握ExtJS的開發(fā)流程。在一個ExtJS程序中，一般只有一個HTML文件，這個文件用來ExtJS的類庫，以及導(dǎo)入相關(guān)的JS文件。下面是一段簡單的示意代碼：<%StringrootPath=<html <scriptvarsys=rootPath= <scripttype="text/javascript" <scripttype="text/javascript"src="<%=rootPath%> <scripttype="text/javascript"src="<%=rootPath%> ExtJSCSSExtJS程HTMLJS文件，一般來講，根據(jù)不同的布局JS的HTMLJS5.1所示。5.1JS包含的內(nèi)容，首先來看在Control.JS中包含的文件，示意代碼如下所示：Control={varconfig=configvarcenterthis.centernewEditGridDetailUtil.mask=}Util.unmask={}varcontrol=new生成viewportvarview=Ext.Viewport({layout:frame:true,items:[{region:'north',height:74,},region:'center',layout:'fit',items:5.2在***Grid.JS文件中，首先定義了可編輯表格的屬性，然后通過繼承的方式實現(xiàn)了可EditGridEditGrid=function(config)varconfig=this.config=config||this.addBtn=newExt.Buttontext新增',id:'addBtn',icon:Util.Constant.IMAGE_PATH+'add.gif',scope:this,handler:{}this.saveBtn=newExt.Buttontext保存',id:'saveBtn',icon:Util.Constant.IMAGE_PATH+'save.gif',scope:this,disabled:true,handler:function(){}this.delBtn=newExt.Buttontext刪除',scope:this,disabled:icon:Util.Constant.IMAGE_PATH+'delete.gif',handler:function(){}this.copyBtn=newExt.Button({text:' scope:this,disabled:icon:Util.Constant.IMAGE_PATH+'add.gif',handler:function(){}this.printBtn=Ext.Buttontext打印',scope:this,iconicon:Util.Constant.IMAGE_PATH+'print.gif',handler:function(){}this.searchText=newExt.form.TriggerField({cls:triggerClass:'x-form-clear-trigger',hideTrigger:true,enableKeyEvents:true,width:200,emptyText輸入關(guān)鍵字查詢",stylemargin-function(field){varvalue=if(value!={this.getStore().filter('firstReview',value,}else}},varstore=this.store=newExt.data.JSonStore({root:'list',totalProperty:'totalCount',:new url:Util.Constant.RESOURCES_PATH+'assayItemDetail',method:"GET"http://分頁組件this.startPos=0;varpagingBarnewExt.PagingToolbar({pageSize:10,store:store, yMsg:'Dis yinginfo{0}-{1}of{2}',emptyMsg:"Noinfotodis function(){if(this.dis varcount=store.getCount();varmsg=count==0?this.emptyMsg: }}pagingBar.on("beforechange",function(pagebar,params){this.startPos=params.start;},varsm=newExt.grid.RowSelectionModel({singleSelect:false});sm.on('selectionchange',function(sm){if{;}{this.delBtn.setDisabled(true);}{autoScroll:true,enableColumnMove:false,stripeRows:true,sm:sm,clicksToEdit:2,viewConfig:{Fit:store:printBtn,'->',this.searchText],autoExpandColumn:columns:[newid:assayItem',header:'檢驗項目',dataIndexname',width:220,editor:boBox({store:newfields:['uuid','name'],data:sys.master typeAhead:true,mode:'local',editable:false,'select':'select':function(combo,}}header:'初檢',width:220,editor:Ext.form.TextField({allowBlank:true,maxLength:header復(fù)檢width:220,align:editor:Ext.form.TextField({allowBlank:true,maxLength:header:'復(fù)檢誤差',width:220,editor:Ext.form.TextField({allowBlank:true,maxLength:header:'復(fù)檢范圍',width:220,editor:Ext.form.TextField({allowBlank:true initAction:function()this.store.load({params:{start:0,limit:10}});this.on('afteredit',function(e){},doAdd:{config=config||varrec0=Util.createRecordByStore(this.store,config);rec0.isAddedRecord=true;this.store.insert(0,rec0);this.startEditing(0,1);doDelete:{vardata=if(selectedRecords.length==0){}varremoveAll=this.getStore().getCount()==this.text){if(btn=='yes'){for(vari=0;i<selectedRecords.length;{varuuid=selectedRecords[i].get('uuid');if(uuid){}}
if(data.length=={,
method:JSonData:{assayItemDetail:data},success:function(response,options){if(removeAll&&this.startPos>={this.startPos-=
failure:function(response,Ext.Msg.alert("系統(tǒng)信息scope:}doSave:{varJSon={add:[],update:if(selectedRecords.length==0){}for(vari=0;i<selectedRecords.length;{varrec=selectedRecords[i];if(rec.dirty){ifExt.MessageBox.alert("提示檢驗項目不能為空");return;}vardata{uuid:rec.get('uuid'),if{}else}}}if(JSon.add.length==0&&JSon.update.length==Ext.MessageBox.alert("提示沒有數(shù)據(jù)被新增或修改");}text){if(btn=='yes'){
method:'POST',JSonData:JSon,disableCaching:true,success:function(response,
failure:function(response,Ext.Msg.alert("系統(tǒng)信息scope:}}},doCopy:function()if(selectedRecords.length!=1){Ext.MessageBox.alert("提示","請選擇一條數(shù)據(jù)進(jìn)行 }id:'',assayItemId:selectedRecords[0].get('assayItemId'),enableStatus:selectedRecords[0].get('enableStatus'),name:selectedRecords[0].get('name'),firstReview:selectedRecords[0].get('firstReview'),secondReview:selectedRecords[0].get('secondReview'),residual:selectedRecords[0].get('residual'),resudualRange:selectedRecords[0].get('resudualRange')}從這個函數(shù)開始執(zhí)行的。Ext.onReady的示意代碼如下所示：ocom.gf.Controlcom.gf.Control={varconfig=config||{}var$this=this;}functionfunctionfunctionName(parameter1,parameter2...)retrun}}varvarxmlhttp=new}elseif{tryxmlhttp=new}catch(e)xmlhttp=new}}varvarTry=these:{varfor(vari=0,length=arguments.length;i<length;{varlambda=arguments[i];try{returnValue=lambda();}catch(e)}return}}varAjax={getTransport:varAjax={getTransport:function(){returnfunction(){returnnewfunction(){returnnewActiveXObject('Msxml2.XMLHTTP')},function(){returnnewActiveXObject(' )|| ount:0}是east、south、west、north、center。具體的畫面布局如圖5.3所示。5.3bordervarview=},}, },},要數(shù)表單組件了，一個簡單的ExtJS表單如圖5.4所示。varbd=
5.4簡單的ExtJSbd.createChild({tagh2html簡單的form表單vartextField=Ext.form.TextField({fieldLabel:'FirstName',name:'first',allowBlank:false{IPAddress:function(v)return
IPAddressText:'MustbeanumericIPaddress',IPAddressMask:/[\d\.]/iDixie"],["AK","Alaska","TheLandoftheMidnightSun"],["AZ","Arizona","TheGrandCanyonState"]];varstore=newExt.data.SimpleStore({fields:['abbr','state'],data:states});varsimple=new //設(shè) title:'SimpleForm',bodyStyle:'padding:5px5px0',width:defaults:{width:defaultType:'textfield', items:[{fieldLabel:'Firstname:'first',name:'first',id:'gf1'fieldLabel:'LastName',name:'last',vtypeText:'IP地址'name:'id:}, name:''},Ext.form.TimeField({fieldLabel:'Time',name:maxValue:'6:00pm'fieldLabel:'Time',name:'time',minValue:'8:00am',maxValue:'6:00pm'boxLabel:'D
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 幸福家庭事跡簡介（17篇）
- 教師網(wǎng)絡(luò)安全培訓(xùn)會
- 智研咨詢發(fā)布-2024年中國精密結(jié)構(gòu)件行業(yè)現(xiàn)狀、發(fā)展環(huán)境及投資前景分析報告
- 技巧與智慧的結(jié)合
- 應(yīng)急預(yù)案中的法律法規(guī)與政策解讀
- 二零二五年度文化娛樂產(chǎn)業(yè)個人勞務(wù)用工服務(wù)協(xié)議2篇
- 二零二五年度工業(yè)自動化設(shè)備承包合同范本集2篇
- 二零二五版消防系統(tǒng)設(shè)備租賃與維修合同
- 二零二五版生態(tài)公園委托物業(yè)管理合同3篇
- 二零二五年度個人購置山地別墅及配套設(shè)施使用協(xié)議3篇
- 勞務(wù)協(xié)議范本模板
- 2024年全國職業(yè)院校技能大賽高職組（生產(chǎn)事故應(yīng)急救援賽項）考試題庫（含答案）
- 2025大巴車租車合同范文
- 人教版（2024）數(shù)學(xué)七年級上冊期末測試卷（含答案）
- 文明施工考核標(biāo)準(zhǔn)
- 《霧都孤兒人物分析4000字（論文）》
- MZ/T 039-2013老年人能力評估
- GB/T 8005.3-2008鋁及鋁合金術(shù)語第3部分：表面處理
- 相親資料登記表
- 2022年中國電信維護(hù)崗位認(rèn)證動力專業(yè)考試題庫大全-下（判斷、填空、簡答題）
- 績效考評評分表
評論
0/150
提交評論