微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

extjs layout 最灵活的页面布局样式

当你在页面布局的时候,遇到页面元素较多,不知如何完美布局。。。

可以试试下面这个类型,万能布局类型。

var panel = new Ext.Panel({
    renderTo:Ext.getBody(),
    title:'容器组件',
    height:200,
    width:500,
    layout:{
      columns:3, //列数
      type:'table' //表格类型
    },
    items:[{
      title:'子元素1',
      html:'这是子元素1中的内容',
      rowspan:2, //纵跨两列
      height:100
    },{
      title:'子元素2',
      html:'这是子元素2中的内容',
      colspan:2 //横跨两列
    },{
      title:'子元素3',
      html:'子元素3中的内容'
    },{
      title:'子元素4',
      html:'这是子元素4中的内容'
  }] 
})

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐