zoukankan      html  css  js  c++  java
  • ExtJS专题(十):layout布局的使用(7)

  • table
  • 按照普通表格的方法布局子元素,用layoutConfig:{columns:3},//将父容器分成3列 。

    图形显示结果:

     

    .net代码 
    1. Ext.onReady(function(){  
    2. var panel=new Ext.Panel(  
    3.       {  
    4.        renderTo:'paneldiv',  
    5.        title:'容器组件',  
    6.        layout:'table',         
    7.        500,  
    8.        height:200,  
    9.        layoutConfig:{columns:3},//将父容器分成3列  
    10.        items:[  
    11.         {title:'元素1',html:'ssssssssss',rowspan:2,height:100},  
    12.         {title:'元素2',html:'dfffsddsdfsdf',colspan:2},  
    13.         {title:'元素3',html:'sdfsdfsdf'},  
    14.         {title:'元素4',html:''}  
    15.        ]  
    16.       }  
    17.      );  
    18. });  

查看全文
  • 相关阅读:
    codeforces 632F. Magic Matrix
    codeforces 632D. Longest Subsequence 筛法
    移动端项目开发需要注意的问题
    input框、按钮组间的去除空格的解决方案
    radio 和checkbox与文字对齐问题
    怎样设置webstorm localhost为本地ip
    The number of steps(概率dp)
    C++ 面试常见问题
    禅者初心
    Hope
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/1683638.html
  • Copyright © 2011-2022 走看看