extjslayout

Extjs4 布局 layout 详解

半城伤御伤魂 提交于 2019-12-20 20:39:18
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1.Layouts 1)Ext.layout.container.Border layout : 'border' 表示我们使用了Border布局,这种布局方式称为边界布局,它将页面分隔成为:west,east,south,north,center这五个部分,我们在items里面使用region参数为它组织定义具体的位置。 north和south部分只能设置高度(height),west和east部分只能设置宽度(width)。north south west east区域变大了,center区域就变小了。 参数 split:true 可以拖动除了center四个区域的大小。 参数 collapsible:true 激活折叠功能,前面title必须设置,因为折叠按钮是出现标题部分 注意:center 区域是必须使用的,而且center 区域不允许折叠。 Ext.create( 'Ext.panel.Panel' , { width: 500, height: 400, layout: 'border' , items: [{ title: 'South Region is resizable' , region: 'south' , // position for region xtype: 'panel' ,