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

ExtJS layout的式样详解

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

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. jsp中出现Address already in use: JVM_Bind的有关问题，Tomact启动不了
  2. 怎么实现在一个div中点击链接，在另一个div中显示
  3. 最全之怎么解决JSP页面显示乱码有关问题（转载）
  4. js中有关const的疑问！
  5. 在别人的网站的源代码中找到链接地址，下载了一个JS文件和一个CSS文件，想用到自己的网站上，这样不算侵权吧？解决方案
  6. 怎么获得当前IE的客户区域的高度
  7. 都说浏览器javascript引擎只是一个单线程操作。解决思路
  8. ckeditor 上传本地图片 如何做？
  9. 用CompareValidator控件判断2次输入密码是不是一致，但始终是返回密码输入不一致,求解