Ext.onReady(function(){ var _window = new Ext.Window({ title:"用戶信息", frame:true, bodyStyle:"padding:5px", width:500, height:350, plain:true, layout:"form", defaultType:"textfield", labelWidth:60, items:[{ xtype:"panel", baseCls:"x-plain", // style:"padding:5px", layout:"column", items:[{ columnWidth:.5, layout:"form", labelWidth:60, defaultType:"textfield", defaults:{width:160}, baseCls:"x-plain", items:[{ fieldLabel:"姓名" },{ fieldLabel:"年齡" },{ fieldLabel:"出生日期" },{ fieldLabel:"聯(lián)系電話" },{ fieldLabel:"手機(jī)號(hào)碼" },{ fieldLabel:"電子郵件" },{ fieldLabel:"性別" }] },{ columnWidth:.5, layout:"form", labelWidth:60, baseCls:"x-plain", items:[{ xtype:"textfield", fieldLabel:"個(gè)人照片", width:165, height:180, inputType:"image" }] }] },{ fieldLabel:"身份證號(hào)", width:400 },{ fieldLabel:"具體地址", width:400 },{ fieldLabel:"職位", width:400 }], showLock:false, listeners:{ "show":function(_window){ if(_window["showLock"] == false){ _window.findByType("textfield")[7].getEl().dom.src = "default.jpg"; _window["showLock"] = true; } } }, buttons:[{ text:"確定" },{ text:"取消" }] }); _window.render(Ext.getBody()); _window.show(); });
效果圖: