javascript - 我如何在 ExtJS 中重用组件？

Question

我有一个像这样的 ExtJS 网格:

var grid = new Ext.grid.GridPanel({
    ...
});

我希望能够重新使用这个网格，这样我就可以拥有多个独立运行的实例。执行此操作的唯一方法是使用 Ext.extend，还是有其他方法？我真的不需要扩展它，我只需要能够创建它的多个实例。

Answer 1

如果你真的只需要两个网格实例，那么就按照 Upper Stage 所说的那样创建另一个。

如果您需要在多个网格之间共享配置，您可以将配置保存为单独的 JS 对象，然后在每次创建网格构造函数时将其传递给网格构造函数。

var myCfg = { ... };
var grid1 = new Ext.GridPanel(Ext.apply(myCfg, { /* other options */ }));
var grid2 = new Ext.GridPanel(Ext.apply(myCfg, { /* other options */ }));

如果您打算在您的应用程序或多个应用程序中重复使用具有特定配置的网格，那么子类可能是最好的方法。

This tutorial回顾几种不同的功能重用方法，这将是您决定哪种方法最适合您的需求的良好起点(如果您需要的东西超出两个基本实例)。