ExtJS 2.0实用简明教程 之Border区域布局


Posted in Javascript onApril 29, 2009

该布局把容器分成东南西北中五个区域,分别由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 2.0实用简明教程 之Border区域布局
Javascript 相关文章推荐
JavaScript中的集合及效率
Jan 08 Javascript
JavaScript中的eval()函数详解
Aug 22 Javascript
JavaScript实现生成GUID(全局统一标识符)
Sep 05 Javascript
jQuery将多条数据插入模态框的示例代码
Sep 25 Javascript
JavaScript学习笔记之内置对象
Jan 22 Javascript
常用的JQuery函数及功能小结
Mar 24 Javascript
jQuery实现的倒计时效果实例小结
Apr 16 Javascript
前端主流框架vue学习笔记第一篇
Jul 26 Javascript
React根据宽度自适应高度的示例代码
Oct 11 Javascript
JavaScript判断日期时间差的实例代码
Mar 01 Javascript
vue 做移动端微信公众号采坑经验记录
Apr 26 Javascript
JavaScript模拟实现网易云轮播效果
Apr 04 Javascript
ie 调试javascript的工具
Apr 29 #Javascript
理解JavaScript的caller,callee,call,apply
Apr 28 #Javascript
JS 判断代码全收集
Apr 28 #Javascript
js checkbox(复选框) 使用集锦
Apr 28 #Javascript
js 数组操作代码集锦
Apr 28 #Javascript
ie和firefox不兼容的解决方法集合
Apr 28 #Javascript
js 表单验证方法(实用)
Apr 28 #Javascript
You might like
php实现的http请求封装示例
2016/11/08 PHP
JS URL传中文参数引发的乱码问题
2009/09/02 Javascript
firefox火狐浏览器与与ie兼容的2个问题总结
2010/07/20 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
json格式的时间显示为正常年月日的方法
2013/09/08 Javascript
JS实现时间格式化的方式汇总
2013/10/16 Javascript
Firefox下无法正常显示年份的解决方法
2014/09/04 Javascript
使用mouse事件实现简单的鼠标经过特效
2015/01/30 Javascript
Angular.js 实现数字转换汉字实例代码
2016/07/14 Javascript
jQuery新窗口打开外链接
2016/07/21 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
原生js实现回复评论功能
2017/01/18 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
2018/07/24 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
2019/07/24 Javascript
vuex 多模块时 模块内部的mutation和action的调用方式
2020/07/24 Javascript
[04:27]DOTA2官方论坛水友赛集锦
2013/09/16 DOTA
Python中用format函数格式化字符串的用法
2015/04/08 Python
Python求算数平方根和约数的方法汇总
2016/03/09 Python
python+selenium实现163邮箱自动登陆的方法
2017/12/31 Python
使用Python的Django和layim实现即时通讯的方法
2018/05/25 Python
python 自定义装饰器实例详解
2019/07/20 Python
Python map及filter函数使用方法解析
2020/08/06 Python
美国汽车交易网站:Edmunds
2016/08/17 全球购物
马来西亚最大的电器网站:Senheng
2017/10/13 全球购物
吨的认识教学反思
2014/04/27 职场文书
家长学校培训材料
2014/08/20 职场文书
教师党员整改措施
2014/10/24 职场文书
2014年会计个人工作总结
2014/11/24 职场文书
2015年春节标语口号
2014/12/09 职场文书
校长新学期致辞
2015/07/30 职场文书
师德培训心得体会2016
2016/01/09 职场文书
2019行政前台转正申请书范文3篇
2019/08/15 职场文书
基于python的matplotlib制作双Y轴图
2021/04/20 Python
纯CSS3实现div按照顺序出入效果
2021/07/15 HTML / CSS
《杜鹃的婚约》OP主题曲「凸凹」无字幕影像公开
2022/04/08 日漫