Ext实现多行多列布局

添加评论 201 views 2009年10月22日 JavaChen

Ext实现多行多列布局:

Ext实现多行多列

Ext实现多行多列


?View Code JAVASCRIPT
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94

var form = new Ext.form.FormPanel({
    frame : true,
    height : 550,
    labelAlign : 'left',
    labelWidth : 110,
    defaultType : 'textfield',
    defaults : {
        width : 110
            allowBlank : false
    },
    items : {
        layout : 'column',
        height : 100,
        items : [{
            columnWidth : .33,
            layout : 'form',
            items : [{
                xtype : 'textfield',
                fieldLabel : '入库合格证号',
                name : 'first',
                anchor : '90%'
            }, {
                xtype : 'textfield',
                fieldLabel : '入库合格证号',
                name : 'company',
                anchor : '90%'
            }, {
                xtype : 'textfield',
                fieldLabel : '有效期截止日期',
                name : 'company',
                anchor : '90%'
            }]
        }, {
            columnWidth : .33,
            layout : 'form',
            items : [{
                xtype : 'textfield',
                fieldLabel : '入库合格证号',
                name : 'last',
                anchor : '95%'
            }, {
                xtype : 'textfield',
                fieldLabel : '入库合格证号',
                name : 'email',
                vtype : 'email',
                anchor : '95%'
            }, {
                xtype : 'textfield',
                fieldLabel : '航天标示码',
                name : 'A',
                anchor : '95%'
            }]
        }, {
            columnWidth : .33,
            layout : 'form',
            items : [{
                xtype : 'textfield',
                fieldLabel : '入库合格证号',
                name : 'last',
                anchor : '95%'
            }, {
                xtype : 'textfield',
                fieldLabel : '入库合格证号',
                name : 'email',
                vtype : 'email',
                anchor : '95%'
            }, {
                xtype : 'textfield',
                fieldLabel : '复验合格证工程型号',
                name : 's',
                anchor : '95%'
            }]
        }]
    },
    buttons : [{
        text : '执行过滤条件',
        handler : function() {
            if (!form.getForm().isValid()) {
                return;
            };
            store.baseParams = {
                xmlFile : getQueryStringValue('xmlFile'),
                condictions :  getCondictionValues()
            };
            store.reload();
            form.getForm().reset();
        }
    }, {
        text : '重置',
        handler : function() {
            form.getForm().reset();
        }
    }]
});
Extjs ,
  1. 2009年11月1日 at 02:41 | #1
    neeke

    呵呵 也开始学EXT了呀 加油！

  2. 2009年11月2日 at 17:54 | #2
    JavaChen

    是啊，公司项目需要，现在接触的是html、javascript和Extjs，不是jsp、ssh之类的，先干一年前端开发再说

  1. 还没有 trackbacks
订阅评论