首页 > 代码库 > ExtJS中layout的12种布局风格
ExtJS中layout的12种布局风格
extjs的容器组件都可以设置它的显示风格,它的有效值有 absolute, accordion, anchor, border, card, column, fit, form and table. 一共9种。
另外几种见: http://www.sencha.com/deploy/dev/examples/layout-browser/layout-browser.html 里面有详细的例子。
· absolute 顾名思义,在容器内部,根据指定的坐标定位显示
This is a simple layout style that allows you to position items within a container using CSS-style absolute positioning via XY coordinates.
Sample Config:
layout: ‘absolute‘,items:[{ title: ‘Panel 1‘, x: 50, y: 50, html: ‘Positioned at x:50, y:50‘}]
· accordion 这个是最容易记的,手风琴效果
Ext.onReady(function(){ var panel=new Ext.Panel(//Ext.formPanel 就是Panel中用了form布局 { renderTo:‘paneldiv‘, title:‘容器组件‘, layout:‘accordion‘, width:500, height:200, layoutConfig:{animate:false}, items:[ {title:‘元素1‘,html:‘‘}, {title:‘元素2‘,html:‘‘}, {title:‘元素3‘,html:‘‘}, {title:‘元素4‘,html:‘‘} ] } ); });
ExtJS中layout的12种布局风格
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。