ExtJs学习资料9Ext.Window表单信息修改操作实例.doc

1、引入ExtJs框架文件（存入Global.js文件中）document.write( );document.write();document.write();document.write();2、页面样式表html,bodybackground-color:#C7D6E93、引入Global.js文件4、效果图=5、JS源代码var _window=null;function showWin()Ext.get(showBtn).dom.disabled=true;_window.show();Ext.onReady(function()/-开始-var Job=Ext.data.Record.create(name:position);_window=new Ext.Window(title:添加成员信息,plain:true,width:500,autoHeight:true,bodyStyle:padding:5px,defaultType:textfield,defaults:anchor:100%,layout:form,labelWidth:60,labelAlign:right,closeAction:hide,closable:false,/=items:xtype:panel, layout:column, baseCls:x-plain, style:padding:1px,items:/两列中左列columnWidth:0.5, defaultType:textfield, defaults:width:150,layout:form, bodyStyle:padding:5px, labelAlign:right,labelWidth:55, baseCls:x-plain,items:emptyText:请输入姓名, fieldLabel:姓名,fieldLabel:年龄, readOnly:true, width:40, value:28,xtype:datefield, format:Y-m-d, value:1979-06-19,/value:(new Date(),width:100, readOnly:true, emptyText:请选择出生日期,fieldLabel:出生日期,listeners:blur:function(_df)var _age=_window.findByType(textfield)1;_age.setValue(new Date().getFullYear()-_df.getValue().getFullYear()+1);,fieldLabel:联系电话, emptyText:请输入联系电话,fieldLabel:手机号码, emptyText:请输入手机号码,fieldLabel:电子邮件, emptyText:请输入电子邮件,xtype:combo, fieldLabel:性别, emptyText:请选择性别,width:100, mode:local, /remotedisplayField:sex, readOnly:true, triggerAction:all, /queryvalue:男, store:new Ext.data.SimpleStore(fields:id,sex,data:1,男,2,女),/两列中右列layout:form, columnWidth:0.5, labelWidth:55, baseCls:x-plain,bodyStyle:padding:5px,items:xtype:textfield, width:160, height:180, inputType:image, fieldLabel:个人照片,fieldLabel:身份证号, emptyText:请输入身份证号, width:360,fieldLabel:具体地址, emptyText:请输入具体地址, width:360,xtype:panel, layout:column, baseCls:x-plain, defaults:baseCls:x-plain,bodyStyle:padding:2px,items:columnWidth:0.4, layout:form, labelWidth:58,items:xtype:combo, emptyText:请选择., displayField:position,triggerAction:all, listeners:select:function(_combo,_record,_index)/alert(_record.get(position);_comboselectItem=_record;,mode:local, readOnly:true, fieldLabel:职位,/width:100,anchor:100%,store:new Ext.data.SimpleStore(fields:position,data:程序员,经理,主管),columnWidth:0.2,bodyStyle:padding:0 0 0 5px,items:xtype:button,text:添加职位,handler:function()var _win=this.ownerCt.ownerCt.ownerCt;var _job=_win.findByType(combo)1;Ext.Mmpt(请输入职位的名称,职位名称:,function(btnValue,txtValue)if(btnValue=ok)/alert(_job.getValue();/var _store=this.store;var _store=this.getStore();_store.insert(0,new Job(position:txtValue);this.setValue(txtValue);thisselectItem=this.store.getAt(0);,_job);,columnWidth:0.2,items:xtype:button,text:修改职位,handler:function()var _win=this.ownerCt.ownerCt.ownerCt;var _job=_win.findByType(combo)1;/alert(_jobselectItem);if(_jobselectItem!=null)Ext.MessageBmpt(请输入修改后的职位名称,职位名称,function(btnValue,txtValue)/alert(btnValue);if(btnValue=ok)/alert(txtValue);/alert(_jobselectItem);thisselectItem.set(position,txtValue);this.setValue(txtValue);,_job,false,_job.getValue();,columnWidth:0.2,items:xtype:button,text:删除职位,handler:function(btnValue)var _win=this.ownerCt.ownerCt.ownerCt;var _job=_win.findByType(combo)1;if(_jobselectItem!=null)Ext.Msg.confirm(系统提示,你确认删除当前的职位吗?,function(btnValue)if(btnValue=yes)trythis.store.remove(thisselectItem);catch(e)if(this.store.getCount()!=0)this.setValue(this.store.getAt(0).get(position);thisselectItem=this.store.getAt(0);elsethis.setValue();thisselectItem=null;,_job);,lock:false,listeners:show:function(_window)/alert(_window.rendered);/alert(_windowlock);if(!_windowlock)/alert(_windowlock);_window.findByType(textfield)7.getEl().dom.src=admin.gif;var _job=_window.findByType(combo)1;/var _store=_job.getStore();/或var _store=_job.store;/alert(_store.getAt(0).get(id);_job.setValue(_store.getAt(0).get(posit