给据配置文件动态加载tabpanel中的tab

最新推荐文章于 2025-11-26 17:11:00 发布

转载最新推荐文章于 2025-11-26 17:11:00 发布 · 136 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/j3eee/archive/2009/08/05/1539328.html

文章标签：

#javascript #ViewUI

本文介绍如何在ExtJS中动态地将编辑面板添加到选项卡面板中，通过检查配置参数来决定是否显示编辑功能，实现了根据配置动态加载面板的功能。

首先应该明确一个ext工作的流程，无论别的js脚本是否声明在 Ext.onReady(function(){})所在的javascript上面或下面，别的js脚本都是后执行，所以，只要在映射配置文件的js脚本中加一句
if (baseInitMapparam.useEditMapControl == "true") {    //if (baseInitMapparam.useEditMapControl == "true") 是反映的配置文件的信息

       Ext.getCmp('tab-panel').add(Ext.getCmp('edit-panel'));
}
这里，tab-panel 是extjs中定义的tabpanel的id， edit-panel是ext中定义的普通panel的id
var editPanel = new Ext.Panel({
                     id: 'edit-panel',
                    title: '地图编辑',
                      contentEl:'$editMapDIV'

                });
var tabpanel=new Ext.TabPanel({
                            id: 'tab-panel',
                            title: 'Sample Layouts',
                            border:false,
                            height:300,
                            activeTab:1,


                        items:[propsGrid]
                        });
Ext.getCmp('tab-panel').add(Ext.getCmp('edit-panel'));   这句话就相当于给tabpanel的items像中增加了一个像，items[propsGrid,editPanel]

转载于:https://www.cnblogs.com/j3eee/archive/2009/08/05/1539328.html