布局 -列布局 column

最新推荐文章于 2024-08-15 08:15:40 发布

snn1410

最新推荐文章于 2024-08-15 08:15:40 发布

阅读量1k

点赞数

分类专栏： extjs

本文链接：https://blog.csdn.net/snn1410/article/details/8814365

版权

extjs 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

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");