`
czpae86
  • 浏览: 720751 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

EXT borderLayout图解(初学有用)

阅读更多

    EXT borderLayout图解(初学有用)

 

Ext.onReady(function(){
			var south = new Ext.Panel({
				region : "south",// 布局为south
				margins: '5 5 5 5',	
				collapsible: true,			
				title : "south",
				height : 150,
				frame : true
			});
			
			var north = new Ext.Panel({
				region : "north",// 布局为north
				margins: '5 5 5 5',
				collapsible: true,
				title : "north",
				height : 150,
				frame : true
			});
			
			var west = new Ext.Panel({
				region : "west",// 布局为west
				margins: '0 5 0 5',
				collapsible: true,
				title : "west",
				width : 150,
				frame : true
			});
			
			var east = new Ext.Panel({
				region : "east",// 布局为east
				margins: '0 5 0 5',
				collapsible: true,
				title : "east",
				width : 150,
				frame : true
			});
			
			var center = new Ext.Panel({
				region : "center", //使用borderLayout region : "center"必须要有
				title : "center",
				frame : true
			});
			
			var win = new Ext.Window({
				title : "borderLayout",
				layout : "border", // 定义layout
				width : 650,
				height : 500,
				resizabled : false,
				items : [south,north,east,west,center]
			}).show();
		});

 



 

  • 大小: 45.4 KB
  • 大小: 37.4 KB
分享到:
评论
2 楼 ququzone 2009-07-09  
我改成你这样用json的例子,结果就是不显示
1 楼 nbkangta 2009-03-02  
就是用了数组吧,呵呵,好像没用json对象
不知道LZ对于fromStore和toStore改变这个情况有没有研究过

相关推荐

    边界布局——BorderLayout

    **Java高级基础部分:边界布局BorderLayout详解** 在Java GUI编程中,布局管理器是用于自动安排组件在容器中的位置和大小的重要工具。`BorderLayout`是Java Swing中的一种基本布局管理器,它将容器分为五个区域:北...

    BorderLayout

    `BorderLayout`是Java Swing库中的一个布局管理器,它被设计用来组织组件在容器中的位置,使得它们根据边缘对齐。这个布局管理器将容器分为五个区域:北(North)、南(South)、东(East)、西(West)和中心...

    java BorderLayout版面布局

    在Java Swing库中,`BorderLayout`是一种常用的布局管理器,用于组织和定位组件在容器中的位置。`BorderLayout`将容器分为五个区域:北(North)、南(South)、东(East)、西(West)和中心(Center)。每个区域...

    ext实例 ext操作步骤

    通过`Ext.layout.BorderLayout`定义,可以灵活地在各个区域内放置组件,实现复杂的页面结构。 3. **Column布局**:使用`Ext.layout.ColumnLayout`,将容器视为一列,通过`columnWidth`或`width`属性来设定子组件...

    Ext_2.2_API(chinese).rar_Ext 2.2 API_ext js 2_ext-2.2 api_ext2.2

    这个API文档的中文版,"Ext_2.2_API(chinese).rar_Ext 2.2 API_ext js 2_ext-2.2 api_ext2.2",是针对Ext JS 2.2框架的重要参考资料,对于开发者来说尤其有价值,特别是那些中文为母语的开发者,它使得理解框架的...

    ext的课件,ppt版,适合有面向对象基础人士

    2. Border布局:基于`Ext.layout.BorderLayout`,它将容器划分为五个区域:东(east)、南(south)、西(west)、北(north)和中心(center)。子组件可以通过指定它们的位置来放置,实现灵活的多面板布局。 3. ...

    EXT中文手册5.pdf

    `BorderLayout` 是 Ext JS 提供的一种布局管理器,它将容器划分为五个区域:北(North)、南(South)、东(East)、西(West)以及中心(Center)。每个区域可以放置一个面板或组件。 #### 1.2 BorderLayout 的...

    EXT教程EXT用大量的实例演示Ext实例

    同时,Ext JS的布局管理器如BorderLayout和NestedLayoutPanel能帮助开发者轻松实现复杂的页面布局。 #### 6. 弹出窗口和浏览器兼容性 Ext提供了多种弹出窗口组件,如MessageBox等,这些组件可自定义各种动画效果和...

    Ext2.2 中文手册

    - **布局类型**:Ext 提供了多种布局方式,如 CardLayout、BorderLayout 等,可以根据需求选择合适的布局方式。 - **布局管理**:使用布局管理器来自动调整组件的位置和大小。 #### 8. Grid 组件 - **数据定义**...

    EXT 布局 Layout 资料

    **Border** 布局由类 `Ext.layout.BorderLayout` 定义,其布局名称为 `border`。Border 布局将容器划分为五个区域:东 (`east`)、南 (`south`)、西 (`west`)、北 (`north`) 和中心 (`center`)。 在向容器添加子元素...

    EXT中文教程

    EXT提供了多种布局方式,如CardLayout、BorderLayout等,用于控制组件在页面中的位置和大小,实现复杂多变的界面布局。 #### 4. Grid组件与表单组件 - **Grid组件** Grid是EXT中用于展示表格数据的组件,支持...

    matlab开发-BorderLayout

    这些示例可以帮助初学者理解如何在实际项目中应用BorderLayout,展示如何创建不同区域的组件,以及如何调整它们的大小和位置。通过运行这些例子,开发者可以快速掌握BorderLayout的工作原理和使用方法。 在MATLAB的...

    EXT2.0中文教程

    6.2. 关于BorderLayout 6.3. 嗯,不如再看看附加效果 6.3.1. 先看看split 6.3.2. 再试试titlebar 6.3.3. 还不够,还不够,让四周的区域可以缩起来 6.3.4. 给这些区域都加上个关闭按钮 6.3.5. 用NestedLayoutPanel在...

    ext4.0学习总结及使用说明

    ### ext4.0 学习总结及使用说明 #### 一、引言 随着技术的发展,文件系统的更新迭代显得尤为重要。Linux操作系统中的ext4作为ext3的继任者,不仅继承了其诸多优点,还引入了一系列重要的改进措施,极大地提升了...

    ext 中文 api

    API 参考 API 参考里面详细描述了所有能在 Ext 类库里面找到的类和组件。最常用的类有: Ext.Element Ext.BorderLayout Ext.DomHelper Ext.TabPanel Ext.UpdateManager

    Ext布局类的介绍与使用的例程

    首先,`borderlayout`是Ext JS中最全面的布局管理器,适用于构建具有多个子面板的应用程序。每个区域都可以独立调整大小,并且可以包含其他组件。中心区域是默认的,如果不指定,其他区域则可选。 创建一个`...

    Ext教程.pptExt教程.pptExt教程.ppt

    2. **Border布局**:基于`Ext.layout.BorderLayout`,分为五个区域:东(east)、南(south)、西(west)、北(north)和中心(center)。这种布局允许开发者将界面分割成这些区域,并将组件放置在相应的区域内,非常适合创建...

    Ext常用布局

    本篇文章将深入探讨Ext中常用的两种布局:Fit布局和Border布局,为初学者提供详细的指导。 首先,我们来看Fit布局。Fit布局主要用于那些需要完全填充容器空间的场景。它只有一个子组件可以展示,并且该子组件会自动...

Global site tag (gtag.js) - Google Analytics