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避免代码的重复执行经验技巧分享
Apr 17 Javascript
jquery实现的淡入淡出下拉菜单效果
Aug 25 Javascript
JavaScript 栈的详解及实例代码
Jan 22 Javascript
vue.js实现请求数据的方法示例
Feb 07 Javascript
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
Dec 06 Javascript
AngularJS select加载数据选中默认值的方法
Feb 28 Javascript
vue单页缓存方案分析及实现
Sep 25 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
May 30 Javascript
vue-cli 3 全局过滤器的实例代码详解
Jun 03 Javascript
浅谈react-router@4.0 使用方法和源码分析
Jun 04 Javascript
React组件对子组件children进行加强的方法
Jun 23 Javascript
vue之延时刷新实例
Nov 14 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入门学习知识点四 PHP正则表达式基本应用
2011/07/14 PHP
控制PHP的输出:缓存并压缩动态页面
2013/06/11 PHP
浅析虚拟主机服务器php fsockopen函数被禁用的解决办法
2013/08/07 PHP
详解PHP5.6.30与Apache2.4.x配置
2017/06/02 PHP
PHP实现创建微信自定义菜单的方法示例
2017/07/14 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
运用jQuery定时器的原理实现banner图片切换
2014/10/22 Javascript
js实现有时间限制消失的图片方法
2015/02/27 Javascript
javascript实现仿IE顶部的可关闭警告条
2015/05/05 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
详解vue-router基本使用
2017/04/18 Javascript
vue.js国际化 vue-i18n插件的使用详解
2017/07/07 Javascript
浅析Angular19 自定义表单控件
2018/01/31 Javascript
Vue中的v-for指令不起效果的解决方法
2018/09/27 Javascript
Vue的双向数据绑定实现原理解析
2020/02/17 Javascript
[03:59]第二届DOTA2亚洲邀请赛选手传记-VGJ.rOtk
2017/04/03 DOTA
Python中functools模块的常用函数解析
2016/06/30 Python
sublime python3 输入换行不结束的方法
2018/04/19 Python
Python调用服务接口的实例
2019/01/03 Python
python多进程读图提取特征存npy
2019/05/21 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
django使用haystack调用Elasticsearch实现索引搜索
2019/07/24 Python
Python3 hashlib密码散列算法原理详解
2020/03/30 Python
Python selenium 加载并保存QQ群成员,去除其群主、管理员信息的示例代码
2020/05/28 Python
博朗(Braun)俄罗斯官方商店:德国小家电品牌
2019/09/24 全球购物
教师自荐信范文
2013/12/09 职场文书
个人简历中自我评价
2014/02/11 职场文书
会计求职自荐信
2014/06/20 职场文书
活动总结报告怎么写
2014/07/03 职场文书
房产分割协议书范文
2014/11/21 职场文书
护士自荐信范文
2015/03/25 职场文书
2015年纪委工作总结
2015/05/13 职场文书
交通事故代理词范文
2015/05/23 职场文书
贫困生证明范文
2015/06/16 职场文书
解决Jupyter-notebook不弹出默认浏览器的问题
2021/03/30 Python
关于python pygame游戏进行声音添加的技巧
2021/10/24 Python