ext 表单布局

最新推荐文章于 2018-12-19 19:25:00 发布

最新推荐文章于 2018-12-19 19:25:00 发布 · 141 阅读

文章标签：

items:[
 {fieldLabel:'两字'},
 {fieldLabel:'三字'},
 {fieldLabel:'四字'}
  //labelAlign:'left'
  //labelWidth:40  绝对定位
  //labelWidth:.40  相对定位  平行分列布局时使用
]

==============================================================================================
[

quote]var form=new Ext.form.FormPanel({
   labelAlign:'right',
   labelWidth:60,
   title:'form',
   frame:true,
   width:650,
   url:'xxx.jsp',
   items:[{
        layout:'column',//列布局
          items:[{
                  columnWidth:.33,
                  layout:'form',
                  items:[{
                           xtype:'textfield',
                           fieldLabel:'两字'
                        }]
              },...]

   }],
  buttons:[{
             text:'按钮',
             handler:function(){


                     form.getForm().submit();
                   }
          }]
});[/quote]

===========================================================================================

items:[{
      layout:'column',
      items:[{
              columnWidth:5,
              layout:'form',
              defaultType:'textfield',
              items:[
                        {fieldLabel:'两字'}，
                            {fieldLabel:'两字'}
                      ]
            },...
           ]},{
                 width:345,
                 height:100,
                 xtype:'textarea',
                 fieldLabel:'四个汉字'
               }],