`

第六篇 Ext 布局篇

    博客分类:
  • Ext
阅读更多
<link type="text/css" rel="stylesheet" href="ext-2.3.0/resources/css/ext-all.css"> <link type="text/css" rel="stylesheet" href="ext-2.3.0/resources/css/xtheme-green.css"> <script type="text/javascript" src="ext-2.3.0/adapter/ext/ext-base.js"></script><script type="text/javascript" src="ext-2.3.0/ext-all.js"></script><script type="text/javascript"> Ext.BLANK_IMAGE_URL = 'ext-2.3.0/resources/images/green/s.gif'; Ext.onReady(function() { var center = new Ext.Panel({ region:'center', margins:'5 5 5 0', autoScroll:true, autoLoad:{ url: "a.htm", callback: this, scope: this, discardUrl: true, nocache: false, text: "Loading...", timeout: 30, scripts: true } }); var header= new Ext.Panel({ region:'north', margins:'5 5 5 0', height:100 }); var footer = new Ext.Panel({ region:'south', margins:'5 5 5 0', height:35 }); var menu = new Ext.Panel({ region:'west', margins:'5 5 5 0', width:180 }); var viewport = new Ext.Viewport({ layout:'border', items:[ header,menu,center,footer ] }); }); </script>
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    Ext10种布局

    - **定义**:`Ext.layout.ContainerLayout` 是 ExtJS 的基础布局类,其他所有布局都基于此基类进行扩展。 - **作用**:当没有为容器指定任何布局时,默认采用 `ContainerLayout`。该布局简单地将所有子元素按顺序...

    Ext Designer EXt UI设计插件

    7. **扩展性**:EXT Designer允许安装和使用第三方插件,进一步扩展其功能,满足不同项目需求。 8. **兼容性**:EXT Designer生成的代码兼容EXT JS框架的多个版本,确保设计的可移植性。 文件“Ext Designer ...

    快意编程 EXT JS Web开发技术详解.pdf

    第6章 Ext JS布局 102 第7章 表单组件 125 第8章 表格组件 148 第9章 表格组件的扩充 170 第10章 树形组件 186 第11章 窗口组件 204 第12章 工具栏与菜单栏组件 219 第13章 AJAX应用与数据交互 233 第14章 REST介绍 ...

    Ext 4.0官方最新版下载

    5. **高级布局系统**:支持更复杂的自定义布局,如嵌套布局和动态调整。 6. **性能优化**:提升了框架的整体性能,减少了DOM操作和内存占用。 总的来说,Ext 4.0为Web应用开发者提供了一个功能完备、高效且灵活的...

    ext-base.js

    6. **布局管理**:EXT的布局系统是其组件化的一大亮点,"ext-base.js"中定义了各种布局模式,如fit布局、border布局等,便于构建复杂的用户界面结构。 三、EXT开发实践 在实际开发中,引入"ext-base.js"后,开发者...

    ext2.0官方文档(chm),Ext 2.0 简明教程,Ext2经典应用

    6. **ext PPT.rar**: 这可能是关于Ext 2.0的一组PowerPoint演示文稿,可能包含了一些讲座、研讨会或培训课程的材料。PPT通常以清晰的结构和视觉元素呈现信息,有助于加深对Ext 2.0概念的理解。 总的来说,这个...

    EXT IDE,方便的EXT开发工具

    7. **扩展插件**:为了满足不同开发者的需求,EXT IDE允许安装和使用第三方插件,这些插件可能提供额外的功能,如性能分析、代码格式化或代码审查。 8. **文档支持**:IDE可能会内嵌EXT API文档,方便开发者查阅EXT...

    Ext+JS高级程序设计.rar

    第6章 在Java中使用Ext.Direct 164 6.1 在Java平台上配置Ext.Direct 164 6.1.1 下载directjngine 164 6.1.2 配置主控servlet 165 6.1.3 配置客户端 170 6.1.4 编写JavaScript调用远程方法 172 6.2 为Ext.Direct...

    EXT.js4.2实战

    EXT.js4.2是EXT JS框架的第4.2版本,是一个完整的前端开源JavaScript框架,用于开发基于Web的交互式应用程序。该框架提供了丰富的组件库,允许开发者创建具有丰富界面的单页应用程序(SPA)。EXT.js4.2不仅包括UI...

    EXT核心API详解(第一部分)

    EXT核心API是EXT JS库的重要组成部分,它提供了一系列丰富的组件和功能,用于构建富客户端Web应用。...学习EXT核心API的第一部分是掌握EXT JS开发的基础,后续部分会进一步深入到组件、布局、数据绑定等方面。

    EXT图形界面编辑器

    3. **响应式设计**:EXT框架内置了对不同屏幕尺寸和设备的支持,可以轻松创建适应多种设备的自适应布局。 4. **现代和经典主题**:EXT提供了多样的视觉样式,包括现代和经典的皮肤主题,满足不同项目的需求。 5. *...

    EXT2.0中文教程

    1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看hello...

    ext学习文档

    - **applayout.html**: 介绍了一个典型的EXT布局文件示例。 - **applayout.js**: 提供了一个示例脚本文件,展示了如何使用EXT构建应用程序。 - **公开Public、私有Private、特权的Privileged?**: 解释了EXT中变量和...

    深入浅出ext js源码

    `第14章 实例.rar`则专门针对某一章节,可能是关于EXT JS高级应用或特定组件的实例分析。这种实例化的学习有助于将理论知识转化为实际操作,加深对EXT JS源码的理解。 在深入研究EXT JS源码时,我们可以关注以下几...

    ext js中文开发手册

    对于初学者,下载最新的EXT JS版本是第一步。官方下载地址(http://extjs.com/downloads)提供了稳定版本的下载链接。解压后,示例目录(example文件夹)是探索EXT JS功能的起点。其中包含的`ExtStart.html`, `...

    Ext 开发指南 学习资料

    1.2. 看看ext-2.0.2的文档 1.3. 为什么有的例子必须放在服务器上才能看到效果? 1.4. 为什么自己按照例子写的代码,显示出来总找不到图片 1.5. 我们还需要什么? 1.6. 入门之前,都看helloworld。 1.6.1. 直接使用...

    ext框架仿win 7的效果

    6. **动画效果**:EXT框架内置了丰富的动画效果,如淡入淡出、滑动等,可以用来模拟Win 7中的一些过渡和反馈效果,如窗口打开和关闭的动画。 7. **布局管理**:EXT框架的布局管理器允许开发者灵活地组织组件,如...

    深入浅出Ext JS(第2版).part3.rar

    目录 第1章EXT概述 第2章EXT框架基础 第3章表格控件 第4章表单与输入控件 第5章树形结构 第6章拖放 第7章弹出窗口 第8章布局 第9章工具栏和菜单 第10章数据存储与传输 第11章实用工具

    Ext2 核心 API 中文详解 ExtJS2.0实用简明教程 ExtJS2.0教程 ExtJS2.0实用简明教程(easyjf) ext中文API+ sample

    4. **布局篇**: 阐释不同布局模式的原理和应用场景,如何配置和使用。 5. **实战篇**: 提供实际案例,如构建数据网格、表单提交等,让开发者了解如何在实际项目中运用。 **四、EasyJF的ExtJS 2.0教程** EasyJF是...

    EXT2.0 简明教程!(chm)

    第 6 章 奔腾吧!让不同的浏览器里显示一样的布局。 第 7 章 低鸣吧!拖拽就像呼吸一样容易。 第 8 章 哭泣吧!现在才开始讲基础问题。 第 9 章 沉寂吧!我们要自己的控件 说在前头的 附录...

Global site tag (gtag.js) - Google Analytics