Extjs ---动态拼接panel

今天接到一个相关需要，3个类型，根据每次提交单据的不同类型，加载出不一样的页面，在此，将相关问题整理出来。

首先大体的思想是：

先画一个空页面，定义一个空panel,如：

this.panel = new Ext.Panel({region : 'center'});

在将该panel绑定到items上：

this.items = [this.panel];

在加载的方法afterRender中，直接用eval('new ' + 动态的panel)来进行操作，

大致的例子代码：

panel.add(formPanel);//此处formPanel就是动态new出来的panel;panel.doLayout();

如果需要在加载出来的页面上进行操作，可以直接在panel中加入唯一的ID如：

eval('new ' + linkBillPanel + '({id:"form-'+taskId+'"})')

再在调用时使用Ext.getCmp方法来直接进行相关操作。

Ext.getCmp('form-'+taskId)//此处的taskId就是唯一的