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

1、1、引入ExtJs框架文件（存入Global.js文件中）document.write("<link rel="stylesheet" type="text/css" href="./extjs/resources/css/ext-all.css"/> ");document.write("<script type="text/javascript" src="./extjs/adapter/ext/ext-base.js"></scr

2、ipt>");document.write("<script type="text/javascript" src="./extjs/ext-all.js"></script>");document.write("<script type="text/javascript" src="./extjs/ext-lang-zh_CN.js"></script>");2、页面样式表<style type=&quo

3、t;text/css">html,bodybackground-color:#C7D6E9</style>3、引入Global.js文件<script type="text/javascript" src="Global.js"></script>4、效果图=5、JS源代码<script type="text/javascript">var _window=null;function showWin()Ext.get("showBtn").dom.di

4、sabled=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%"

5、;,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", defa

6、ults: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", fo

7、rmat:"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(

8、).getFullYear()+1);,fieldLabel:"联系电话", emptyText:"请输入联系电话",fieldLabel:"手机号码", emptyText:"请输入手机号码",fieldLabel:"电子邮件", emptyText:"请输入电子邮件",xtype:"combo", fieldLabel:"性别", emptyText:"请选择性别",width:100, mode:"l

9、ocal", /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:

10、"x-plain",bodyStyle:"padding:5px",items:xtype:"textfield", width:160, height:180, inputType:"image", fieldLabel:"个人照片",fieldLabel:"身份证号", emptyText:"请输入身份证号", width:360,fieldLabel:"具体地址", emptyText:"请输入具体地址", w

11、idth: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:"

12、;position",triggerAction:"all", listeners:"select":function(_combo,_record,_index)/alert(_record.get("position");_combo"selectItem"=_record;,mode:"local", readOnly:true, fieldLabel:"职位",/width:100,anchor:"100%",store:new Ext.

13、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&q

14、uot;)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);this"selectItem"=this.store.getAt(0

15、);,_job);,columnWidth:0.2,items:xtype:"button",text:"修改职位",handler:function()var _win=this.ownerCt.ownerCt.ownerCt;var _job=_win.findByType("combo")1;/alert(_job"selectItem");if(_job"selectItem"!=null)Ext.MessageBmpt("请输入修改后的职位名称",&qu

16、ot;职位名称",function(btnValue,txtValue)/alert(btnValue);if(btnValue="ok")/alert(txtValue);/alert(_job"selectItem");this"selectItem".set("position",txtValue);this.setValue(txtValue);,_job,false,_job.getValue();,columnWidth:0.2,items:xtype:"button",t

17、ext:"删除职位",handler:function(btnValue)var _win=this.ownerCt.ownerCt.ownerCt;var _job=_win.findByType("combo")1;if(_job"selectItem"!=null)Ext.Msg.confirm("系统提示","你确认删除当前的职位吗?",function(btnValue)if(btnValue="yes")trythis.store.remove(this"

18、;selectItem");catch(e)if(this.store.getCount()!=0)this.setValue(this.store.getAt(0).get("position");this"selectItem"=this.store.getAt(0);elsethis.setValue("");this"selectItem"=null;,_job);,lock:false,listeners:"show":function(_window)/alert(_window.rendered);/alert(_window"lock");if(!_window"lock")/alert(_window"lock");_window.findByType("textfield")7.getEl().dom.src="admin.gif"var _job=_window.findByType("combo")1;/var _