学习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 相关文章推荐
js+html+css实现鼠标移动div实例
Jan 30 Javascript
如何用jquery控制表格奇偶行及活动行颜色
Apr 20 Javascript
jQuery中html()方法用法实例
Dec 25 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
第一次接触神奇的Bootstrap导航条
Aug 09 Javascript
用原生js统计文本行数的简单示例
Aug 19 Javascript
jQuery给表格添加分页效果
Mar 02 Javascript
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
vue v-model实现自定义样式多选与单选功能
Jul 05 Javascript
vue组件表单数据回显验证及提交的实例代码
Aug 30 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
Oct 14 Javascript
JS前端基于canvas给图片添加水印
Nov 11 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
Thinkphp3.2.3整合phpqrcode生成带logo的二维码
2016/07/21 PHP
ExtJs扩展之GroupPropertyGrid代码
2010/03/05 Javascript
javascript qq右下角滑出窗口 sheyMsg
2010/03/21 Javascript
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
打印json对象的内容及JSON.stringify函数应用
2013/03/29 Javascript
JS 退出系统并跳转到登录界面的实现代码
2013/06/29 Javascript
Jquery中给animation加更多的运作效果实例
2013/09/05 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
2015/06/25 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
微信小程序实现购物页面左右联动
2019/02/15 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
2019/04/02 Javascript
vue axios post发送复杂对象问题
2019/06/04 Javascript
小程序中英文混合排序问题解决
2019/08/02 Javascript
Vuex实现简单购物车
2021/01/10 Vue.js
[01:39:42]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python二叉树的实现实例
2013/11/21 Python
vc6编写python扩展的方法分享
2014/01/17 Python
用Python编写一个国际象棋AI程序
2014/11/28 Python
Python下Fabric的简单部署方法
2015/07/14 Python
python和c语言的主要区别总结
2019/07/07 Python
Django结合ajax进行页面实时更新的例子
2019/08/12 Python
python 列表推导式使用详解
2019/08/29 Python
使用Python获取当前工作目录和执行命令的位置
2020/03/09 Python
购买限量版收藏品、珠宝和礼品:Bradford Exchange
2016/09/23 全球购物
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
Bravofly德国:预订廉价航班和酒店
2019/09/22 全球购物
我的五年职业生涯规划
2014/01/23 职场文书
2014新生大学四年计划书
2014/09/21 职场文书
群众路线领导班子四风对照检查材料
2014/09/27 职场文书
银行自荐信范文
2015/03/25 职场文书
2015年公务员转正工作总结
2015/04/24 职场文书
2016春季运动会开幕词
2016/03/04 职场文书
TensorFlow中tf.batch_matmul()的用法
2021/06/02 Python
JAVA API 实用类 String详解
2021/10/05 Java/Android
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang