繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 学习ExtJS border布局
- Javascript
- 经常用到的JavasScript事件的翻译
- Javascript下的keyCode键码值表
- 用javascript动态调整iframe高度的代码
- javascript应用：Iframe自适应其加载的内容高度
- javascript 控制弹出窗口
- 用javascript父窗口控制只弹出一个子窗口
- 给moz-firefox下添加IE方法和属性
- FireFox中textNode分片的问题
- 对google个性主页的拖拽效果的js的完整注释[转]
- 身份证号码前六位所代表的省,市,区, 以及地区编码下载
- 一个友好的.改善的 Object.prototype.toString的实现
- 如何写一个通用的JavaScript效果库！(1/2)
- 如何写一个通用的JavaScript效果库！(2/2)
- 几个高效，简洁的字符处理函数
- 无语，javascript居然支持中文(unicode)编程！
- ie 处理 gif动画 的onload 事件的一个 bug
- 讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
- firefox 和 ie 事件处理的细节,研究,再研究-----书写同时兼容ie和ff的事件处理代码
- 深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
- JavaScript 中的replace方法说明
Javascript 中的 学习ExtJS border布局
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 456 ::
收藏到网摘: n/a
ExtJS 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:"右边面板"}
]
});
});
评论 (0) All
