Jmob07 2010-09-01 10:01
浏览 210
已采纳

extjs tabpanel autoload新增tab时新tab页内部布局异常

现有左边一个树,右边是一个tabpanel,点击树叶节点时新增一个tab页,用的是autoload方式,
树事件代码:
[code="java"]
treePanel.on('click', function(node, e) {
if (node.isLeaf()) {
e.stopEvent();
var tab = contentPanel.getComponent(node.id);
if (!tab) {
tab = contentPanel.add({
id : node.id,
title : node.text,
closable : true,
frame : false,
layout:'fit',
autoLoad : {
url : node.attributes.href,
scripts : true
}
tab.show().doLayout();
}
}
});

[/code]

其中某一个链接新增的页面代码如下:
[code="java"]
<%@ page language="java" contentType="text/html; charset=gbk"
pageEncoding="gbk"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



测试页面 new Ext.Panel( { title:'aaaa', [color=red]layout:'border',[/color] region:'center', frame:true, renderTo:'5a', autoScroll : true, tbar:[{text:'顶部工具栏topToolbar'}], items:[ new Ext.Panel({ title : '嵌套面板一', region:'north', html:'ddddddddddddddddss' }),new Ext.FormPanel({ title:'查询', id:'qformPanel1qqq', region:'center', width:200, items:[{ xtype:'textfield', fieldLabel:'测试1' },{ xtype:'textfield', fieldLabel:'测试2' },{ xtype:'textfield', fieldLabel:'测试3' }] }) ] });



[/code]

发现新tab页面中显示如下:
[img]http://i3.6.cn/cvbnm/21/6d/15/90b674e141a7b398dfc20926cc25f90d.jpg[/img]

如果把新增的页面中主panele修改为 layout:'fit'则显示如下:
[img]http://i3.6.cn/cvbnm/86/4e/47/2cac099500f86237486fc38c095e2763.jpg[/img]

为何border布局就会有问题呢,有人遇到吗,该怎么解决。。

  • 写回答

5条回答

      报告相同问题?

      相关推荐 更多相似问题

      悬赏问题

      • ¥15 在线教育培训平台,主要以点播视频和在线练习测试为主,除将视频做切片外,有其他哪种方式降低流量?(关键词-带宽速率)
      • ¥20 用c语音或c++实现银行叫号系统
      • ¥15 人工智能 规则正向演绎和推理
      • ¥20 基于STM32F401的电子密码锁设计
      • ¥15 famamacbeth回归中遇到only size-1 arrays can be converted to Python scalars,求解答
      • ¥15 单片机多个自锁按键的编程实践
      • ¥15 用python操作redis存储中文后,再取出的数据变成了乱码怎么办?
      • ¥15 C语言简单排序问题有偿求解
      • ¥20 请问图片的代码什么意思
      • ¥15 coq问题求带,有偿