[EXTJs]TabPanel动态生成,加载组件时,组件不能正常显示的解决办法

最新推荐文章于 2023-02-02 11:41:28 发布

原创最新推荐文章于 2023-02-02 11:41:28 发布 · 6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#extjs #action #layout #浏览器 #menu

#url

收录于

本文解决了一个关于ExtJS框架中TabPanel组件动态加载GridPanel的问题。当TabPanel通过导航栏触发动态创建时，GridPanel在初始状态下不显示，直到窗口大小变化才出现。文中提供了解决方案，包括设置布局为'fit'和定义TabPanel的大小。

我的需求是点击左侧导航栏时,能在右侧动态生成TabPanel,并且TabPanel中

包含一些组件.

发现如果仅仅是tbar就没什么问题

然后要求增加一个GridPanel,就发现GridPanel无法显示,只有将浏览器的窗

口大小改变,才会显示.

原因:感谢纵横纳财

tabPanel大小没定

经过查找,找到解决方案:

var tab = tabPanel.add({

	layout:'fit',//tabpanel动态创建时，填加新的组件需要

	id:id,

	title: tabTitle,

	//autoLoad: {url: targetUrl},

	closable:true,

	tbar: [

            addGameAction          // <-- Add the action directly to a menu

        ],

        items:[

        	grid

        ]

	 }).show();



	grid.getSelectionModel().selectFirstRow();



     	tabPanel.setActiveTab(tab);