EXTJS重用别名变为非功能选项卡

Question

我有默认的4个选项卡，包括车辆管理，驾驶员管理，位置管理，路线管理 我有一个工具栏，可以重新创建车辆管理选项卡

这是我提到的工具栏，因此当我们创建新的车辆管理标签时，会导致所有标签无法正常运行。也许我在新车辆管理中重复使用网格面板？

这是我的示例代码：

vehicle.js

Ext.define('MyApp.view.MyVehicleGridPanel', {
   extend: 'Ext.grid.Panel',
   id : 'mygridpanel',
   //renderTo : 'vehiclebody',
   alias: 'widget.mygrid',
   header: false,
   store: UserStore,
   multiSelect: false,
   columns: [
                {
                    xtype: 'gridcolumn',
                    dataIndex: '_id',

                    text: 'Vehicle ID'
                },
                {
                    xtype: 'gridcolumn',
                    width: 126,
                    dataIndex: 'Plat_No',
                    text: 'Plat Number'
                },
                {
                    xtype: 'gridcolumn',
                    width: 200,
                    dataIndex: 'Name',
                    text: 'Added By'
                }
]
})

当用户点击该工具栏时，将再次使用别名mygrid。

这是我的工具栏代码：

var BtnVehicle = Ext.getCmp('BtnVehicle');
    BtnVehicle.on('click', function(){
        tabs.add({
            closable: true,
            xtype : 'mygrid',
            //html: '<div style="width:100%; height:100%; background-color:#cccccc;"><iframe src="vehicle/vehicle.html" frameborder=0 scrolling="no" style="width:100%; height:100%;"></iframe></div>',
            iconCls: 'bus32',
            title: 'Vehicle Manage'
        }).show();
    })

每当用户能够创建具有相同设计的相同网格面板的非限制选项卡时。

为什么创建第二个相同xtype: 'mygrid'然后选项卡将无法正常运行？

Answer 1

从id配置中删除GridPanel，而不是使用itemId＆amp; 使用Ext.ComponentQuery

搜索文档中Ext.ComponentManager（全局）或特定Ext.container.Container的组件，其语法与CSS选择器类似

参考docs