EXT window中加入照片

最新推荐文章于 2023-04-10 10:31:58 发布

lishushan

最新推荐文章于 2023-04-10 10:31:58 发布

阅读量229

点赞数

分类专栏： ExtJs 文章标签： EXT

本文链接：https://blog.csdn.net/lishushan/article/details/83533782

版权

ExtJs 专栏收录该内容

81 篇文章 2 订阅

订阅专栏

Ext.onReady(function(){ 
      var simple = new Ext.Window({ 
        title: '人员新增', 
        bodyStyle:'padding:5px 5px 0', 
        width: 680, 
        height : 380, 
       layout: 'column', 
        items: [{ 
labelAlign:'right', 
frame:true, 
        columnWidth:0.5, 
        defaults: {width: 230}, 
        labelWidth : 75,         
        layout: 'form', 
        items:[ 
        { 
        xtype : 'textfield', 
                fieldLabel: '姓名', 
                name: 'name', 
                allowBlank:false 
            },{ 
            xtype : 'textfield', 
                fieldLabel: '性别', 
                name: 'sex' 
            },{ 
            xtype : 'textfield', 
                fieldLabel: '年龄', 
                name: 'age' 
            }, { 
            xtype : 'datefield', 
                fieldLabel: '出生日期', 
                name: 'bord' 
            }, { 
            xtype : 'datefield', 
                fieldLabel: '出生日期', 
                name: 'bord' 
            }, { 
            xtype : 'datefield', 
                fieldLabel: '出生日期', 
                name: 'bord' 
            }, { 
            xtype : 'datefield', 
                fieldLabel: '出生日期', 
                name: 'bord' 
            }, { 
            xtype : 'datefield', 
                fieldLabel: '出生日期', 
                name: 'bord' 
            } 
           ]            
            }, 
            { 
            columnWidth:0.5, 
frame:true, 
            items:[ 
            { 
            id :'photo', 
            width : 200, 
            height: 200, 
            xtype : 'textfield', 
fieldLabel: '照片', 
name: 'photo', 
inputType:'image' 
            } 
            ] 
            } 
            , 
            { 
            layout: 'form', 
frame:true, 
            columnWidth:1, 
labelAlign:'right', 
            items:[ 
            { 
            width: 450, 
            xtype : 'textarea', 
fieldLabel: '简介', 
name: 'mates' 
            } 
            ] 
            }   
       ], 
showLock : false, 
listeners:{ 
'show':function(win){ 
if(!win["showLock"]){ 
win.findById('photo').getEl().dom.src='person.jpg'; 
win["showLock"]=true; 
} 
} 
}, buttonAlign:'center', 
        buttons: [{ 
            text: '确定' 
        },{ 
            text: '取消' 
        }] 
    }); 

    simple.show(); 
  });