1. 爱易网页
  2. JavaSript
  3. ExtJS layout的式样详解

ExtJS layout的式样详解

日期：2014-05-16　 浏览次数：20364 次

ExtJS layout的样式详解

http://wjt276.iteye.com/blog/453207

extjs的容器组件都可以设置它的显示风格，它的有效值有 absolute, accordion, anchor, border, card, column, fit, form and table. 一共9种

一、  absolute 顾名思义，在容器内部，根据指定的坐标定位显示

二、  accordion 这个是最容易记的，手风琴效果 ，表示可折叠的布局，也就是说使用该布局的容器组件中的子元素是可折叠的形式

Js代码  收藏代码
  1.    Ext.onReady(function(){     
  2.   
  3.    var panel=new Ext.Panel( {//Ext.formPanel就是Panel中用了form布局             
  4.   
  5.           renderTo:'paneldiv',     
  6.   
  7.           title:'容器组件',     
  8.   
  9.           layout:'accordion',            
  10.   
  11.           width:500,     
  12.   
  13.           height:200,     
  14.   
  15.           layoutConfig:{animate:false}, // 表示在执行展开折叠时是否应用动画效果  
  16.   
  17.           items:[     
  18.   
  19.         {title:'元素1',html:''},     
  20.   
  21.         {title:'元素2',html:''},     
  22.   
  23.         {title:'元素3',html:''},     
  24.   
  25.         {title:'元素4',html:''}     
  26.   
  27.        ]     

相关资料更多>

  1. 一个js上传文件的如何写
  2. 弹出对话框滚动条有关问题
  3. struts2+javascript 刷新页面后，输入框中的内容没有被清除,该怎么处理
  4. 很急的有关问题
  5. js判定的一些摘记
  6. 自定义一个步骤原型，取得json对象某个值
  7. 关于contentEditable控件有关问题
  8. json跟pojo
  9. vbscript转javascript,该如何解决