easyui datagrid实现多行上下移动

EasyUI DataGrid是一个基于jQuery UI的表格控件，它提供了丰富的功能来管理数据列表。如果你想实现多行的上下移动，你可以利用其内置的数据操作功能，通常通过点击行的拖拽区域以及`onDblClickRow`或`onClickRow`事件。

以下是基本步骤：

1. 初始化DataGrid并启用编辑模式（如果需要）：

$(function () {
    $('#dg').datagrid({
        // ...其他配置
        singleSelect: true, // 禁止默认单选
        dblclickedit: true, // 允许双击单元格进行编辑
    });
});

2. 给DataGrid添加事件处理，当用户双击行时触发相应的事件：

$('#dg').datagrid({
    onDblClickRow: function (index, row) {
        var rows = this.getData(); // 获取所有行数据
        if (rows) {
            var temp = rows[index]; // 临时保存将被移动的行
            for (var i = index + 1; i < rows.length; i++) {
                rows[i - 1] = rows[i]; // 将当前行下移
            }
            rows.push(temp); // 将临时行放回原位置之后

            this.datagrid('load', { total: rows.length }); // 刷新数据
        }
    },
    // ...其他配置
});

在这个例子中，当你双击一行时，它会被移动到当前位置的下方。如果你需要允许拖动操作，则可以考虑使用第三方库如jQuery UI draggable，配合DataGrid的`rownumbers`选项。