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

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\/script); 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=text/csshtml,body{background-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.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:手机号码, emptyTe