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

ExtJS layout的式样详解

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

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. 当点击Button 按钮时,用javaScript脚本怎样跳转到另一个页面.该如何处理
  2. javascript导出excel（可以导出报表线）
  3. JS沿袭方式
  4. BX9013: 动态引来的外部 JS 文件在各浏览器中的加载顺序不一致
  5. js印证中文长度
  6. Eclipse Javascript插件，像写Java同样写JS —— Spket，支持ExtJS
  7. js解析xml资料完整实例
  8. javascript中关于比较运算符的使用,该怎么解决
  9. ExtJS报表——行号、复选框、选择模型