首页 > 代码库 > 常用窗体表单布局

常用窗体表单布局

  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) : null101                        }]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 10118                 }]119             }]120         });  //Ext.applyIf121         me.callParent(arguments);122     } // 构造函数123 124 125 });     //定义window