extjs grid 表格鼠标拖拽行进行排序,其实很简单,extjs中有直接的插件
代码案例
Ext.create("Ext.grid.Panel", { title: "拖拽行数据的Grid", width: 400, margin: 10, border: true, store: proStore, columns: [{ text: "产品编号", dataIndex: "code", flex: 1 }, { text: "产品名称", dataIndex: "name", flex: 1 }, { text: "产品数量", dataIndex: "num", flex: 1 }], viewConfig: { plugins: { ptype: "gridviewdragdrop", //就是这么简单,用这个插件就可以 dragText: "拖拽进行上下排序" //这个就是拖的过程中显示的文字 } }, renderTo: Ext.getBody() }); });
代码详解:
看了代码就知道的就真的很简单,关键在grid中加这个代码就可以
viewConfig: {
plugins: {
ptype: "gridviewdragdrop",
dragText: "拖拽进行上下排序"
}
},