学习ExtJS border布局
更新时间：2009年10月08日 00:01:47 作者：
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:"右边面板"}
]
});
});
二、应用举例
复制代码 代码如下:
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:"右边面板"}
]
});
});
相关文章
本文介绍在桌面程序开发中很常用也很简单的工具栏和菜单，但是在通常的web开发中，要实现好工具栏和菜单并非易事，然而extjs使我们能够用类似桌面程序开发的方法来开发web的工具栏和菜单。2010-01-01
extjs为ColumnChart设置不同的颜色想必有很多朋友还是比较陌生的吧，接下来为大家详细介绍下具体设置代码，感兴趣的朋友可以参考下哈2013-05-05
这篇文章主要介绍了extJS中常用的4种Ajax异步提交方式,需要的朋友可以参考下2014-03-03
由后台返回的json的日期时间格式中，往往都是 类似 "\/Date(1309200300000)\/"的日期时间格式，结果导致无法正常在TimeField中显示2011-06-06
ExtJs 3.1 XmlTreeLoader Example Error
ExtJs 3.1的XmlTreeLoader例子折腾了我近一个下午加晚上，官方的例子没有问题，可以加载xml的数据，本地IIS死活不行2010-02-02
ExtJS 中Window的窗口最大化只需将maximizable属性设置为true即可，点击最大化按钮就可以将窗体最大化，最小化的操作类似将minimizable设置为true，即可以看到窗体的最小化按钮，但是点击此按钮并不会出发任何操作，Ext没有为窗口预设最小化的任何操作，需要自己自定义最小化功能。2009-11-11
后台程序往往可能要执行一段时间才能得到返回结果，加入进度条可以提高客户体验度，在本文为大家介绍两种便捷的实现方式，感兴趣的朋友可以了解下2013-09-09
ExtJS Ext.MessageBox.alert()弹出对话框详解
Ext.MessageBox是一个工具类，他继承自Obiect对象，用来生成各种风格的信息提示对话框，Ext.Msg是该类的别名，使用Ext.MessageBox和用Ext.Msg效果是一样的，而后者提供了更简单的方式。2010-04-04
ComboBox 和 DateField 在IE下消失的解决方法
开发过程中却遇到了在 IE 浏览器中放大、缩小窗口大小会导致这两个组件消失不见不报任何错误且在其他浏览器正常，通过本文你将学会如何解决此问题2013-08-08
这篇文章主要介绍了Ajax请求在数据量大的时候出现超时的解决方法,需要的朋友可以参考下2014-02-02
最新评论