常用窗体表单布局

  1 Ext.define(PMS.view.whm.dailyWarehouseManagement.suppliesInventoryPlan.EditSuppliesInventoryPlan, {
  2     extend: Ext.window.Window,
  3     alias: widget.editSuppliesInventoryPlan,
  4     border: false,
  5     modal: true,
  6     autoScroll: true,
  7     width: 580,
  8     height: 250,
  9     layout: fit,
 10     title: 新建物资盘点计划,
 11     initComponent: function () {
 12         var me = this;
 13         var record = me.record;
 14         Ext.applyIf(me, {
 15             items: [{
 16                 xtype: form,
 17                 name: addPlanForm,
 18                 layout: vbox,
 19                 frame: true,
 20                 border: true,
 21                 bodyPadding: 20,
 22                 items: [
 23                    {
 24                        xtype: fieldcontainer,
 25                        layout: hbox,
 26                        defaults: {
 27                            labelWidth: 80,
 28                            width: 240,
 29                            margin: 5 0 5 0,
 30                            msgTarget: side,
 31                            autoFitErrors: false,
 32                            labelAlign: right
 33                        },
 34                        items: [{
 35                            //第一行
 36                            //1.1 计划名称-编制说明
 37                            xtype: textfield,
 38                            fieldLabel: 计划名称,
 39                            name: InventoryPlanName,
 40                            allowBlank: false,
 41                            blankText: "plann name cannot be empty.",
 42                            value: me.edit ? record.get(InventoryPlanName) : null
 43                        }, {
 44                            xtype: textfield,
 45                            fieldLabel: 编制说明,
 46                            name: PrepareState,
 47                            value: me.edit ? record.get(PrepareState) : null
 48                        }]
 49                    }, {
 50                        xtype: fieldcontainer,
 51                        layout: hbox,
 52                        defaults: {
 53                            labelWidth: 80,
 54                            width: 240,
 55                            margin: 5 0 5 0,
 56                            msgTarget: side,
 57                            autoFitErrors: false,
 58                            labelAlign: right
 59                        },
 60                        items: [{
 61                            //第二行
 62                            //2.编制人 2.编制人部门 
 63                            xtype: textfield,
 64                            fieldLabel: 编制人,
 65                            name: Preparer,
 66                            disabled: true,
 67                            value: me.edit ? record.get(Preparer) : Admin
 68                        }, {
 69                            xtype: textfield,
 70                            fieldLabel: 部门,
 71                            name: Depart,
 72                            disabled: true,
 73                            value: me.edit ? record.get(Depart) : 机动部
 74                        }]
 75                    }, {
 76                        xtype: fieldcontainer,
 77                        layout: hbox,
 78                        defaults: {
 79                            labelWidth: 80,
 80                            width: 240,
 81                            margin: 5 0 5 0,
 82                            msgTarget: side,
 83                            autoFitErrors: false,
 84                            labelAlign: right
 85                        },
 86                        items: [{
 87                            //第三行 编制日期  备注
 88                            xtype: datefield,
 89                            anchor: 100%,
 90                            fieldLabel: 编制日期,
 91                            maxValue: new Date(),
 92                            name: PrepareDate,
 93                            disabled:true,
 94                            value: me.edit ? record.get(PrepareDate) : new Date()
 95                        }, {
 96                            xtype: textfield,
 97                            anchor: 100%,
 98                            fieldLabel: 备注,
 99                            name: Remark,
100                            value: me.edit ? record.get(Remark) : null
101                        }]
102                    }]
103             }],
104             dockedItems: [{
105                 xtype: toolbar,
106                 dock:bottom,
107                 items: [->, {
108                     xtype: button,
109                     name: saveBtn,
110                     iconCls: save,
111                     text: 保存
112                 }, {
113                     xtype: button,
114                     name: cancelBtn,
115                     iconCls: delete,
116                     text: 取消,
117                     margin: 0 10 0 10
118                 }]
119             }]
120         });  //Ext.applyIf
121         me.callParent(arguments);
122     } // 构造函数
123 
124 
125 });     //定义window

常用窗体表单布局,布布扣,bubuko.com

常用窗体表单布局

上一篇:微软职位内部推荐-SDE2 (Windows driver)


下一篇:jquery ui中 accordion的问题及我的解决方法