首页 > Web开发 > 详细

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

时间:2019-08-01 13:55:10      阅读:108      评论:0      收藏:0      [点我收藏+]

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

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

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中的内容‘
  }] 
})

 

技术分享图片

 

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

原文:https://www.cnblogs.com/fengziblog/p/11281765.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!