easyUI table行上移下移 同时更新序号可使保存按新顺序

Posted lonske

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyUI table行上移下移 同时更新序号可使保存按新顺序相关的知识,希望对你有一定的参考价值。

//上移
    function upBtn() {
        var selected = $(‘#caseTable‘).datagrid(‘getSelected‘);
        var index = $(‘#caseTable‘).datagrid(‘getRowIndex‘,selected);
        if(index==0){
            $.messager.alert(‘系统提示‘, ‘顶行无法上移!‘, ‘warning‘);
        } else {
            var rows = $(‘#caseTable‘).datagrid(‘getRows‘);
            var row = rows[index];
            $(‘#caseTable‘).datagrid(‘deleteRow‘, index);//删除一行
            index--;
            $(‘#caseTable‘).datagrid(‘insertRow‘, {
                index:index,
                row:row
            });
            var loadRows = $(‘#caseTable‘).datagrid(‘getRows‘);
            loadRows[index].ROWNUM_ = index + 1;
            loadRows[index + 1].ROWNUM_ = index + 2;
            $(‘#caseTable‘).datagrid(‘loadData‘,loadRows);
        }
    }
    //下移
    function downBtn() {
        var selected = $(‘#caseTable‘).datagrid(‘getSelected‘);
        var index = $(‘#caseTable‘).datagrid(‘getRowIndex‘,selected);
        var rows = $(‘#caseTable‘).datagrid(‘getRows‘);
        var rowlength=rows.length
        if(index==rowlength-1){
            $.messager.alert(‘系统提示‘, ‘底行无法下移!‘, ‘warning‘);
        }else{
            var row = rows[index];
            $(‘#caseTable‘).datagrid(‘deleteRow‘, index);//删除当前行
            index++;
            $(‘#caseTable‘).datagrid(‘insertRow‘, {
                index:index,
                row:row
            });
            var loadRows = $(‘#caseTable‘).datagrid(‘getRows‘);
            loadRows[index].ROWNUM_ = index + 1;
            loadRows[index - 1].ROWNUM_ = index;
            $(‘#caseTable‘).datagrid(‘loadData‘,loadRows);
        }
    }

 

以上是关于easyUI table行上移下移 同时更新序号可使保存按新顺序的主要内容,如果未能解决你的问题,请参考以下文章

jquery实现table动态添加行删除行以及行的上移和下移

请教jquery 对表格的行操作的。对页面表格进行上下移动位置,删除记录的操作。 谢谢。如下补充

table中实现数据上移下移效果

php mysql 排序 上移下移

前端实现数组上移下移

cdatagridview中怎样把多行数据同时上移或下移