ExtJS学习笔记：复杂页面布局实现
系统
2305 0
-
<scripttype=
'text/javascript'
>
-
Ext.onReady(
function
(){
-
new
Ext.Window({
-
title:
"添加人员"
,
-
width:500,
-
height:345,
-
plain:
true
,
-
layout:
"form"
,
-
labelWidth:55,
-
defaultType:
"textfield"
,
-
bodyStyle:
"padding:5px"
,
-
-
items:[{
-
xtype:
"panel"
,
-
-
baseCls:
"x-plain"
,
-
layout:
"column"
,
-
items:[{
-
columnWidth:0.5,
-
baseCls:
"x-plain"
,
-
layout:
"form"
,
-
defaultType:
"textfield"
,
-
defaults:{width:160},
-
labelWidth:55,
-
items:[{
-
fieldLabel:
"姓名"
-
},{
-
fieldLabel:
"年龄"
-
},{
-
fieldLabel:
"出生日期"
-
},{
-
fieldLabel:
"联系电话"
-
},{
-
fieldLabel:
"手机号码"
-
},{
-
fieldLabel:
"电子邮件"
-
},{
-
fieldLabel:
"性别"
-
}]
-
},{
-
columnWidth:0.5,
-
baseCls:
"x-plain"
,
-
layout:
"form"
,
-
labelWidth:55,
-
items:{
-
xtype:
"textfield"
,
-
inputType:
"image"
,
-
fieldLabel:
"个人照片"
,
-
width:170,
-
height:170
-
}
-
}]
-
},{
-
fieldLabel:
"身份证号"
,width:400
-
},{
-
fieldLabel:
"具体地址"
,width:400
-
},{
-
fieldLabel:
"职位"
,width:400
-
}],
-
showLock:
false
,
-
listeners:{
-
"show"
:
function
(_window){
-
-
if
(!_window[
"showLock"
])
-
_window.findByType(
"textfield"
)[7].getEl().dom.src=
"zhao.jpg"
;
-
}
-
},
-
buttons:[{
-
text:
"确定"
-
},{
-
text:
"取消"
-
}]
-
}).show();
-
})
-
</script>
ExtJS学习笔记：复杂页面布局实现
更多文章、技术交流、商务合作、联系博主
微信扫码或搜索：z360901061
微信扫一扫加我为好友
QQ号联系： 360901061
您的支持是博主写作最大的动力，如果您喜欢我的文章，感觉我的文章对您有帮助，请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧，狠狠点击下面给点支持吧，站长非常感激您！手机微信长按不能支付解决办法：请将微信支付二维码保存到相册，切换到微信，然后点击微信右上角扫一扫功能，选择支付二维码完成支付。
【本文对您有帮助就好】元
