首页 > 代码库 > extjs的window布局
extjs的window布局
Ext.onReady(function () { var win = new Ext.Window({ title: "个人资料", width: 500, height: 320, plain: true, layout: "form", defaultType: "textfield", labelWidth: 45, bodyStyle: "padding-top: 10px; padding-left:10px;", //defaults:{anchor:"100%"}, items: [{ xtype: "panel", baseCls: "x-plain", layout: "column", items: [{ columnWidth: .5, layout: "form", defaults: { xtype: "textfield", width: 170 }, labelWidth: 45, baseCls: "x-plain", //bodyStyle:"padding-top: 15px; padding-left:10px;", items: [ { fieldLabel: "姓名" }, { fieldLabel: "年龄" }, { fieldLabel: "邮箱" }, { fieldLabel: "性别" }, { fieldLabel: "电话" }, { fieldLabel: "地址" } ] }, { columnWidth: .5, layout: "form", style: "padding:10px 10px 0 10px", //顺序是 上 右 下 左,也就是顺时针的方向 //bodyStyle:"padding-top: 15px; padding-left:10px;", labelWidth: 45, baseCls: "x-plain", items: [ { xtype: "textfield", inputType: "image", width: 160, height: 140, fieldLabel: "头像" } ] } ] }, { fieldLabel: "公司", width: "400" }, { fieldLabel: "资料", width: "400" }, { fieldLabel: "说明", width: "400" }], showLock: false, listeners: { "show": function (win) { if (!win[‘showLock‘]) { win.findByType("textfield")[6].getEl().dom.src = http://www.mamicode.com/"...";>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。