超级会员免费看
本文介绍了在使用Ext JS 4的border布局时，遇到中间区块在点击收合时不自动填充页面的问题。分析发现，问题出在center区块的contentEl和renderTo设置上。通过参考文档，找到了解决问题的方法，调整了代码以实现正确布局。
问题描述
看到一个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'
订阅专栏 解锁全文
扫一扫
2648
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
