Ext Window布局以及空间基本使用

<html>
<head>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script>
Ext.onReady(function(){
 new Ext.Window({
  title:"添加人员",
  width:500,
  height:380,
  plain:true,
  layout:"form",
  defaultType:"textfield",
  labelWidth:55,
  bodyStyle:"padding:5px",
  items:[
  {
   xtype:"panel",
   baseCls:"x-plain",   
   layout:"column",
   items:[{
    columnWidth:.5,
    layout:"form",
    labelWidth:55,
    defaultType:"textfield",
    defaults:{width:160},
    baseCls:"x-plain",
    items:[{
     fieldLabel:"姓名"
    },{
     fieldLabel:"年龄",
     readOnly:true
    },{
     xtype:"datefield",
     format:"Y-m-d",
     value:"1988-04-22",
     readOnly:true,
     fieldLabel:"出生日期",
     listeners:{
      "blur":function(_df){
       var _age= _df.ownerCt.findByType("textfield")[1];
       _age.setValue(new Date().getFullYear()-_df.getValue().getFullYear()+1);
      }
     }
    },{
    
     fieldLabel:"联系电话"
    },{
     fieldLabel:"手机"
    },{
     fieldLabel:"电子邮件"
    },{
     xtype:"combo",
     fieldLabel:"性别"
    }]
   },{
    columnWidth:.5,
    layout:"form",
    labelWidth:55,
    baseCls:"x-plain",
    items:{
     xtype:"textfield",
     fieldLabel:"个人照片",
     width:160,
     height:177,
     inputType:"image"
    }
   }]
  },{
   bodyStyle:"padding:5px",
   fieldLabel:"身份证号",
   width:400
  },{
   bodyStyle:"padding:5px",
   fieldLabel:"具体地址",
   width:400
  },{
   bodyStyle:"padding:5px",
   fieldLabel:"职位"
  }],
  showLock:false,
  listeners:{
   "show":function(_window){
   if(!_window["showLock"])
   {

   }
    _window.findByType("textfield")[7].getEl().dom.src="C://Documents and Settings//Administrator//桌面//图片//0.jpg";
    _window["showLock"]=true;
   }
  },
  buttons:[{
   text:"确定"
  },{
   text:"取消"
  }]
 }).show();
})
</script>
</head>
<body>

</body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值