Easyui DataGrid 控制行上移下移,删除一行

在DataGrid中添加控制按钮

上移方法,同时更新序号

/**
 * 上移一行
 * @param index
 */
function UpBtn(index) {
    if(index==0){
        $.messager.alert('系统提示', '顶行无法上移!', 'warning');
    } else {
        var rows = $('#dgitem').datagrid('getRows');
        var row = rows[index];
        $('#dgitem').datagrid('deleteRow', index);//删除一行
        index--;
        $('#dgitem').datagrid('insertRow', {
            index:index,
            row:row
        });
        var loadRows = $('#dgitem').datagrid('getRows');
        loadRows[index].ROWNUM_ = index + 1;
        loadRows[index + 1].ROWNUM_ = index + 2;
        $('#dgitem').datagrid('loadData',loadRows);
    }
}

下移方法,同时更新序号

/**
 * 下移一行
 * @param index
 */
function DownBtn(index) {
    var rows = $('#dgitem').datagrid('getRows');
    var rowlength=rows.length
    if(index==rowlength-1){
        $.messager.alert('系统提示', '底行无法下移!', 'warning');
    }else{
        var row = rows[index];
        $('#dgitem').datagrid('deleteRow', index);//删除当前行
        index++;
        $('#dgitem').datagrid('insertRow', {
            index:index,
            row:row
        });
        
        var loadRows = $('#dgitem').datagrid('getRows');
        loadRows[index].ROWNUM_ = index + 1;
        loadRows[index - 1].ROWNUM_ = index;
        $('#dgitem').datagrid('loadData',loadRows);
    }
}

删除方法,同时更新序号

/**
 * 删除一行
 * @param index
 */
function Deletedg(index){
    var data=$('#dgitem').datagrid('getData');
    //业务要求,至少一行,如不需要,将if删掉即可
    if (data.total==1) {
        $.messager.alert('系统提示', '仅剩一列无法删除!', 'warning');
        return false;
    }
    $('#dgitem').datagrid('deleteRow',index);
    
    for(var i = 0; i<data.total;i++){
        data.rows[i]["ROWNUM_"] = i+1;
    }
    $('#dgitem').datagrid('loadData',data.rows);
}