手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >学习ExtJS border布局
学习ExtJS border布局
摘要:一、Border布局由类Ext.layout.BorderLayout定义,布局名称为border。该布局把容器分成东南西北中五个区域,分别...

一、Border布局由类Ext.layout.BorderLayout定义,布局名称为border。该布局把容器分成东南西北中五个区域,分别由east,south, west,north, cente来表示,在往容器中添加子元素的时候,我们只需要指定这些子元素所在的位置,Border布局会自动把子元素放到布局指定的位置。

二、应用举例

复制代码 代码如下:

Ext.onReady(function(){

new Ext.Viewport({

layout:"border",

items:[{region:"north",

height:50,

title:"顶部面板"},

{region:"south",

height:50,

title:"底部面板"},

{region:"center",

title:"中央面板"},

{region:"west",

width:100,

title:"左边面板"},

{region:"east",

width:100,

title:"右边面板"}

]

});

});

【学习ExtJS border布局】相关文章:

JavaScript动态添加style节点的方法

Backbone.js的一些使用技巧

JS选项卡动态替换banner图片路径的方法

浅谈javascript中for in 和 for each in的区别

如何实现浏览器上的右键菜单

7个有用的jQuery代码片段分享

js兼容火狐获取图片宽和高的方法

手机开发必备技巧:javascript及CSS功能代码分享

jQuery插件zepto.js简单实现tab切换

判断checkbox选择的个数 多浏览器

精品推荐
分类导航