学习ExtJS border布局


Posted in Javascript onOctober 08, 2009

一、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:"右边面板"} 
] 
}); 
});
Javascript 相关文章推荐
始终在屏幕中间显示Div的代码(css+js)
Mar 10 Javascript
jquery 查找iframe父级页面元素的实现代码
Aug 28 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
Nov 30 Javascript
深入理解JavaScript中的对象
Jun 04 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
Oct 28 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
Aug 25 Javascript
使用微信小程序开发弹出框应用实例详解
Oct 18 Javascript
Nuxt.js SSR与权限验证的实现
Nov 21 Javascript
TypeScript类型声明书写详解
Aug 28 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
Feb 17 Javascript
微信小程序实现点击导航条切换页面
Nov 19 Javascript
学习ExtJS Column布局
Oct 08 #Javascript
学习ExtJS 访问容器对象
Oct 07 #Javascript
学习ExtJS Window常用方法
Oct 07 #Javascript
学习ExtJS Panel常用方法
Oct 07 #Javascript
学习ExtJS TextField常用方法
Oct 07 #Javascript
学习ExtJS(二) Button常用方法
Oct 07 #Javascript
学习ExtJS(一) 之基础前提
Oct 07 #Javascript
You might like
php jsonp单引号转义
2014/11/23 PHP
php+ajax实现文章自动保存的方法
2014/12/30 PHP
php微信公众号开发(2)百度BAE搭建和数据库使用
2016/12/15 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
Firefox 无法获取cssRules 的解决办法
2006/10/11 Javascript
js中Math之random,round,ceil,floor的用法总结
2013/12/26 Javascript
js生成缩略图后上传并利用canvas重绘
2014/05/15 Javascript
原生js实现数字字母混合验证码的简单实例
2015/12/10 Javascript
详解javascript获取url信息的常见方法
2016/12/19 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
10行原生JS实现文字无缝滚动(超简单)
2018/01/02 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
webstorm中vue语法的支持详解
2018/05/09 Javascript
详解JavaScript中的函数、对象
2019/04/01 Javascript
Vue路由管理器Vue-router的使用方法详解
2020/02/05 Javascript
Vue.js实现立体计算器
2020/02/22 Javascript
如何手写一个简易的 Vuex
2020/10/10 Javascript
python列表与元组详解实例
2013/11/01 Python
Python 比较两个数组的元素的异同方法
2017/08/17 Python
python+pygame简单画板实现代码实例
2017/12/13 Python
Python 元类实例解析
2018/04/04 Python
用python写扫雷游戏实例代码分享
2018/05/27 Python
python实现在遍历列表时,直接对dict元素增加字段的方法
2019/01/15 Python
Python 监测文件是否更新的方法
2019/06/10 Python
使用TFRecord存取多个数据案例
2020/02/17 Python
Python列表的深复制和浅复制示例详解
2021/02/12 Python
js实现移动端H5页面手指滑动刻度尺功能
2017/11/16 HTML / CSS
美国眼镜在线零售商:Dualens
2019/12/07 全球购物
出国考察邀请函
2014/01/21 职场文书
年度考核自我评价
2014/01/25 职场文书
家长对孩子评语
2014/01/30 职场文书
公司任命书范本
2014/06/04 职场文书
环卫工作个人总结
2015/03/04 职场文书
Pytest中skip skipif跳过用例详解
2021/06/30 Python
redis不能访问本机真实ip地址的解决方案
2021/07/07 Redis