讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

ExtJS 2.0 实用简明教程之布局概述_extjs

php中文网
发布： 2016-05-16 18:53:25
原创
1459人浏览过

ExtJS的布局基类为Ext.layout.ContainerLayout，其它布局都是继承该类。ExtJS的容器组件包含一个layout及layoutConfig配置属性，这两个属性用来指定容器使用的布局及布局的详细配置信息，如果没有指定容器组件的layout则默认会使用ContainerLayout作为布局，该布局只是简单的把元素放到容器中，有的布局需要layoutConfig配置，有的则不需要layoutConfig配置。看代码：

巧文书
巧文书

巧文书是一款AI写标书、AI写方案的产品。通过自研的先进AI大模型，精准解析招标文件，智能生成投标内容。

巧文书 281
查看详情 巧文书
复制代码 代码如下:

Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
width:400,
height:200,
layout:"column",
items:[{columnWidth:.5,
title:"面板1"},
{columnWidth:.5,
title:"面板2"}]
});
});

上面的代码我们创建了一个面板Panel，Panle是一个容器组件，我们使用layout指定该面板使用Column布局。该面板的子元素是两个面板，这两个面板都包含了一个与列布局相关的配置参数属性columnWidth，他们的值都是0.5，也就是每一个面板占一半的宽度。执行上面的程序生成如下图所示的结果：

Ext中的一些容器组件都已经指定所使用的布局，比如TabPanel使用card布局、FormPanel使用form布局，GridPanel中的表格使用column布局等，我们在使用这些组件的时候，不能给这些容器组件再指定另外的布局。
ExtJS2.0一共包含十种布局，常用的布局有border、column、fit、form、card、tabel等布局，下面我们分别对这几种布局作简单的介绍。

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：jQuery textarea的长度进行验证_jquery 下一篇：JS 动态加载脚本的4种方法_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
如何理解JavaScript中的异步编程_回调函数和Promise有什么区别？ Promise是为解决回调嵌套和异常传递难题而设计的状态封装抽象，通过链式调用、错误冒泡和组合能力实现类同步逻辑组织，优于回调函数的可读性、错误处理与控制流管理。
2025-12-21 17:12:08
457
javascript正则表达式怎么用_如何匹配邮箱和手机号？ JavaScript正则校验邮箱用/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}$/，手机号用/^1[3-9]\d{9}$/；需trim()预处理、前后加^$保证全匹配，且后端必须二次验证。
2025-12-21 17:12:08
812
javascript_如何实现模块化开发 JavaScript模块化解决代码混乱与依赖问题，通过ES6的import/export实现文件间功能导入导出，浏览器需用type="module"加载，Node.js支持CommonJS和ESM，大型项目常用Webpack或Vite等工具打包，提升可维护性与复用性。
2025-12-21 17:01:02
664
javascript中的事件是什么_如何处理用户交互？ JavaScript中常见用户事件有click、input、change、keydown/keyup、submit、mouseenter/mouseleave；通过addEventListener添加响应，事件对象含target、currentTarget、preventDefault等属性方法；事件委托可高效处理动态元素。
2025-12-21 17:00:14
839
JavaScript ES6是什么_它带来了哪些新特性？ ES6是JavaScript的根本性升级，引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。
2025-12-21 16:59:31
973
JavaScript如何操作地理位置_使用Geolocation API获取用户位置？ JavaScript通过GeolocationAPI可获取用户地理位置，需用户授权且仅限HTTPS或localhost；需检测支持性、调用getCurrentPosition()获取坐标、watchPosition()监听变化，并注意安全上下文、用户交互触发及错误处理。
2025-12-21 16:56:02
313
javascript事件机制是什么_事件冒泡和捕获该如何使用 JavaScript事件机制包含捕获、目标、冒泡三阶段：捕获从window向下至目标父级，目标阶段执行目标元素监听器，冒泡从目标向上传至window；默认addEventListener在冒泡阶段执行，设third参数为true可启用捕获。
2025-12-21 16:48:08
223
Javascript如何与Canvas交互_如何绘制基本图形？ JavaScriptCanvas绘图需先获取2D上下文，再按步骤绘制矩形或路径图形，并预先设置样式；所有操作须在DOM加载后执行，且注意上下文有效性与状态管理。
2025-12-21 16:33:07
990
javascript中怎样有效管理异步操作？_javascript的Promise与async/await有何区别？ JavaScript异步管理核心是Promise与async/await的协同使用：前者是基础抽象，后者为其语法糖；需掌握链式调用、错误捕获、并发控制及常见陷阱。
2025-12-21 16:27:23
446
如何理解javascript执行栈_函数调用怎样管理？ JavaScript执行栈是后进先出的栈结构，用于管理函数调用顺序：函数调用时压入执行上下文，执行完毕即弹出；全局上下文最先入栈、最后出栈；报错信息中的“at”源自栈顶调用链；异步回调需待栈空后由事件循环调度入栈。
2025-12-21 16:22:02
124
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部