BorderLayout布局的使用
new Ext.Viewport({
layout: 'border',
items: [{
region: 'north',
id: 'northPanel',
contentEl: 'northDiv',
border: false,
margins: '0 0 0 0',
split: false
},{
region: 'west',
id: 'westPanel',
contentEl: 'westDiv',
//border:false,
margins: '0 0 0 0',
split: true,
width: 260,
layout: 'fit',
items: westGrid
},{
region: 'center',
id: 'centerPanel',
border: false,
margins: '0 0 0 0',
layout: 'border',
items: [{
region: 'north',
id: 'childNorthPanel',
contentEl: 'childNorthDiv',
border: false,
margins: '0 0 0 0',
split: false
},{
region: 'center',
id: 'centerPanel1',
contentEl: 'childCenterDiv',
title: '明细设定',
//border: false,
layout: 'fit',
margins: '0 0 0 0',
height: '100%',
items: centerGrid
}
]
}
]
});
分享到:
相关推荐
Ext布局类的介绍与使用的例程
折叠布局Ext.layout.AnchorLayout 边框布局Ext.layout.BorderLayout 卡片式布局Ext.layout.CardLayout 列布局Ext.layout.ColumnLayout 填充布局xt.layout.FitLayout 表单布局Ext.layout.FormLayout 表格布局Ext....
Border布局由类Ext.layout.BorderLayout定义,布局名称为border。
6.2. 关于BorderLayout 6.3. 嗯,不如再看看附加效果 6.3.1. 先看看split 6.3.2. 再试试titlebar 6.3.3. 还不够,还不够,让四周的区域可以缩起来 6.3.4. 给这些区域都加上个关闭按钮 6.3.5. 用NestedLayoutPanel在...
6.2. 关于BorderLayout 6.3. 嗯,不如再看看附加效果 6.3.1. 先看看split 6.3.2. 再试试titlebar 6.3.3. 还不够,还不够,让四周的区域可以缩起来 6.3.4. 给这些区域都加上个关闭按钮 6.3.5. 用...
ext js简单的折叠布局 自己总结的 根据项目的需要可以使用
11.1.2 边框布局——BorderLayout 11.1.3 卡片式布局——CardLayout 11.1.4 列布局——ColoumnLayout 11.1.5 锚点布局——AnchorLayout 11.1.6 自适应布局——FitLayout 11.1.7 ContainerLayout 11.2 与布局...
一、Border布局由类Ext.layout.BorderLayout定义,布局名称为border。该布局把容器分成东南西北中五个区域,分别由east,south, west,north, cente来表示,在往容器中添加子元素的时候,我们只需要指定这些子元素...
6.2. 关于BorderLayout 6.3. 嗯,不如再看看附加效果 6.3.1. 先看看split 6.3.2. 再试试titlebar 6.3.3. 还不够,还不够,让四周的区域可以缩起来 6.3.4. 给这些区域都加上个关闭按钮 6.3.5. 听说还可以用...
那个深入浅出ext作者比我还懒 viewport存放Ext.panel对象,其容器中的成员可以以borderlayout方式布局
11.1.2 边框布局——BorderLayout 11.1.3 卡片式布局——CardLayout 11.1.4 列布局——ColoumnLayout 11.1.5 锚点布局——AnchorLayout 11.1.6 自适应布局——FitLayout 11.1.7 ContainerLayout 11.2 与布局...
ExtAspNet - ExtJS based ASP.NET ... +去除PageLayout控件,此控件可以使用BorderLayout和指定PageManager的AutoSizePanelID属性来代替。 -这样所有需要占据全屏的Panel(不管你是Accordion,Panel,ContentPanel...
+去除PageLayout控件,此控件可以使用BorderLayout和指定PageManager的AutoSizePanelID属性来代替。 -这样所有需要占据全屏的Panel(不管你是Accordion,Panel,ContentPanel,Form,GroupPanel,SimpleForm,Tree还是...