如何在ExtJS 3.x中构建可拖动的字段集

在 ExtJS 3.x 中，要构建可拖动的字段集，您需要使用 Ext.grid.DragDrop 插件。以下是一个简单的示例，说明如何在 ExtJS 3.x 中实现可拖动的字段集：

1. 首先，确保您已经包含了 ExtJS 3.x 的库文件。
2. 创建一个 Ext.grid.GridPanel，并为其添加一个 Ext.grid.DragDrop 插件。

var grid = new Ext.grid.GridPanel({
    store: store,
    columns: columns,
    viewConfig: {
        plugins: [
            new Ext.grid.DragDrop()
        ]
    }
});

1. 在 Ext.grid.DragDrop 插件中，您可以设置一些选项，例如：

• ddGroup：设置拖动和放置的组名称，以便您可以在多个组之间拖动和放置。
• enableDrag：设置为 true 以启用拖动。
• enableDrop：设置为 true 以启用放置。
• copy：设置为 true 以在拖动时创建副本。

例如，要设置 ddGroup 和 enableDrag，您可以这样做：

new Ext.grid.DragDrop({
    ddGroup: 'my-group',
    enableDrag: true
})

1. 最后，您需要将 GridPanel 添加到 Ext.Panel 或其他容器中，并显示它。

var panel = new Ext.Panel({
    renderTo: 'my-container',
    layout: 'fit',
    items: [grid]
});

现在，您已经创建了一个可拖动的字段集，可以在 ExtJS 3.x 中使用。

请注意，ExtJS 3.x 是一个较旧的版本，可能不再受到官方支持。如果可能的话，建议您升级到最新版本的 ExtJS，以获得更好的性能和安全性。