码迷,mamicode.com
首页 > 其他好文 > 详细

Ext开场表单布局设计

时间:2015-02-26 20:03:40      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:

    var form = new Ext.form.FormPanel({
        labelAlign: ‘right‘,
        labelWidth: 60,
        buttonAlign: ‘center‘,
        title: ‘form‘,
        frame:true,
        width: 450,
        url: ‘04_01_01.jsp‘,

        items: [{
            bodyStyle: ‘background:transparent;border:0px;‘,
            layout:‘column‘,
            items: [{
                bodyStyle: ‘background:transparent;border:0px;‘,
                columnWidth:.5,
                layout: ‘form‘,
                defaultType: ‘textfield‘,
                items:[
                    {fieldLabel: ‘俩字‘},
                    {fieldLabel: ‘俩字‘}
                ]
            },{
                bodyStyle: ‘background:transparent;border:0px;‘,
                columnWidth:.5,
                layout: ‘form‘,
                defaultType: ‘textfield‘,
                items:[
                    {fieldLabel: ‘三个字‘},
                    {fieldLabel: ‘三个字‘},
                    {fieldLabel: ‘三个字‘}
                ]
            }]
        },{
            width: 345,
            height: 100,
            xtype: ‘textarea‘,
            fieldLabel: ‘四个汉字‘
        }],
        buttons: [{
            text: ‘按钮‘,
            handler: function() {
                form.getForm().submit();
            }
        }]
    });

 

Ext开场表单布局设计

标签:

原文地址:http://www.cnblogs.com/otio/p/4301879.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!