extjs 布局 -列布局 column

最新推荐文章于 2020-03-12 09:54:15 发布

东边的小山

最新推荐文章于 2020-03-12 09:54:15 发布

阅读量3.2k

点赞数

分类专栏： EXT JS4

本文链接：https://blog.csdn.net/yelin042/article/details/72995624

版权

EXT JS4 专栏收录该内容

20 篇文章

订阅专栏

var form = new Ext.form.FormPanel({

       labelAlign:'right',
       title:'布局',
       labelWidth:50,
       buttonAlign:'center',
       frame:true,
       width:600,

       items:[{
        layout:'column',
        items:[
        {
         columnWidth:.33,
         layout:'form',
         defaultType:'textfield',
         items:[
          {fieldLabel:'俩字'},
          {fieldLabel:'俩字'}
          ]
        },
        {
         columnWidth:.33,
         layout:'form',
         defaultType:'textfield',
         items:[
          {fieldLabel:'三个字'},
          {fieldLabel:'三个字'},
          {fieldLabel:'三个字'}
         ]
        },
        {
         columnWidth:.33,
         layout:'form',
         defaultType:'textfield',
         items:[
          {fieldLabel:'四个字'},
          {fieldLabel:'四个字'},
          {fieldLabel:'四个字'},
          {fieldLabel:'四个字'}
         ]
        }]
        },{
         width:345,
         height:100,
         xtype:'textarea',                     ---- 文本域是在column 那层的item之后，进行配置的，默认平铺
         fieldLabel:'文本域'
        },{
         buttons:[{
          text:'按钮',
          handler:function(){}
         }]
        }],
//         buttons:[{
//           text:'按钮',
//           handler:function(){}
//          }]
      });
      form.render("form");