Extjs 之layout Column布局详解

 时间:2024-10-14 12:34:29

1、Column布局的特点在Column布局下,子元素的位置可以通过设置columnWidth来调节,其值是“1”时表示当前子元素占用本行的全部位置空间,而占用部分时columnWidthd的值则为“.1”、“.2”等,这两个值分别表示占用10%、20%。下面我们看看总体效果图

Extjs 之layout Column布局详解

2、Column布局的一个实例 上面已经给出了column布局的图,这里我们给出次简单应用实例代码如下:varpnSub1=newExt.Panel({ height:300, columnWidth:.3, html:'这是子panle1'});varpnSub2=newExt.Panel({height:300,columnWidth:.7,html:'这是子panle2'}); varpn=newExt.Panel({id:'pn',title:'父Panel', renderTo:'divPanel',width:800, height:300, layout:'column', items:[ pnSub1, pnSub2] });

3、colLumn布局的设计思路 1)column布局的设计思路与table效果类似,所以适用于表单设计,表格式布局需求 2)还可以用于位置定位比较困难的一些地方,因为此种布局可以将子元素很容易的按比例放在同一行

  • Mathematica基础——Factor的简单应用
  • NI LabVIEW 2018怎么设置页边距单位为厘米
  • windows运行软件/游戏,常见运行库错误提示含义
  • 使用WPS文字如何画出流程图:可选过程
  • Python编程:怎么使用math.erf()方法
  • 热门搜索
    硝化细菌怎么用 面包粉怎么做面包 怎么炒年糕 霍家怎么看得上郭晶晶 腱鞘炎是怎么回事 怎么打字速度快 凤眼菩提怎么盘 演讲稿格式怎么写 杨梅酒怎么泡 淘宝店怎么装修