Ext页签Tablepanel渲染页签的初始化问题

最新推荐文章于 2024-01-23 18:09:03 发布

原创最新推荐文章于 2024-01-23 18:09:03 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ext #function #html #border #产品

JavaScript 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了在使用Ext.js库构建Web应用时，遇到TabPanel组件中第二个页签无法一次性渲染的解决方案。通过调整组件属性，确保所有页签在页面加载时都能正常显示。

var tabPanel = new Ext.TabPanel({
				id : 'contentPanel',
				region : 'center',
				activeTab : 0,
				border : false,
				bodyBorder : false,
				tabPosition : 'bottom',
				items : [{
					title : '产品进销存一览表',
					id : "stockReport",
					deferredRender : false,
					closable : false,
					html : '',
					autoScroll : true,
					listeners : {
						activate : function(p) {
						}
					}
				}, {
					title : '产品波段准时交付情况统计表',
					id : "deliverReport",
					closable : false,
					deferredRender : false,					
					html : '',
					listeners : {
						activate : function(p) {
						}
					},
					autoScroll : true
				}
				]
			});

在使用页签的时候，遇到第二个页签不渲染问题，部分代码如上：

如上源码并不能在初次访问该页面的时候一次性渲染两个页签，原因是item的deferredRender : false,属性为定义自己的item的渲染与否，只有在tabpanel里设置才能控制两个页签。因此只要加上tabpanel的属性,deferredRender : false。