[Ext JS 4] 布局之实战一 - 中间区块不会自动伸展（tab）

oscar999

于 2013-07-21 18:37:55 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： 130-Web语言 Ext JS开发大全

本文链接：https://blog.youkuaiyun.com/oscar999/article/details/9357945

130-Web语言同时被 2 个专栏收录

219 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

Ext JS开发大全

190 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了在使用Ext JS 4的border布局时，遇到中间区块在点击收合时不自动填充页面的问题。分析发现，问题出在center区块的contentEl和renderTo设置上。通过参考文档，找到了解决问题的方法，调整了代码以实现正确布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

看到一个Ext 布局的实例问题，当点击左边的收合时，中间的区块并不会自动的填充余下的页面，导致右边留下一段空白。点击一下tab 就正常了。

分析了一下，使用的是Ext 的border 进行布局，有north、 west和center 三个区块。north 和west 都很简单，导致问题的应该是center 区块。

这个center 区块的写法时：使用contentEl 指定一个div, 然后创建一个 Ext tab 的Component 来renderTo 到这个div, 简化的代码如下：

<!--Add by oscar999-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="oscar999">
<script>
Ext.onReady(function() {
  var viewport = Ext.create('Ext.Viewport'

了解本专栏

超级会员免费看

[Ext JS 4] 布局之实战一 - 中间区块不会自动伸展 （tab）

问题描述

[Ext JS 4] 布局之实战一 - 中间区块不会自动伸展（tab）