在 ExtJS 3.x 中,要构建可拖动的字段集,您需要使用 Ext.grid.DragDrop 插件。以下是一个简单的示例,说明如何在 ExtJS 3.x 中实现可拖动的字段集:
var grid = new Ext.grid.GridPanel({
store: store,
columns: columns,
viewConfig: {
plugins: [
new Ext.grid.DragDrop()
]
}
});
ddGroup
:设置拖动和放置的组名称,以便您可以在多个组之间拖动和放置。enableDrag
:设置为 true
以启用拖动。enableDrop
:设置为 true
以启用放置。copy
:设置为 true
以在拖动时创建副本。例如,要设置 ddGroup 和 enableDrag,您可以这样做:
new Ext.grid.DragDrop({
ddGroup: 'my-group',
enableDrag: true
})
var panel = new Ext.Panel({
renderTo: 'my-container',
layout: 'fit',
items: [grid]
});
现在,您已经创建了一个可拖动的字段集,可以在 ExtJS 3.x 中使用。
请注意,ExtJS 3.x 是一个较旧的版本,可能不再受到官方支持。如果可能的话,建议您升级到最新版本的 ExtJS,以获得更好的性能和安全性。
领取专属 10元无门槛券
手把手带您无忧上云