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);
        }
    }

原文地址:https://www.cnblogs.com/lonske/p/12132998.html

时间: 2024-11-06 18:45:06

easyUI table行上移下移 同时更新序号可使保存按新顺序的相关文章

jquery行上移下移删除

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

js 上移下移行

function up_tr(sender) {                            var tr = $(sender).parent().parent();                            var table = tr.parent();                            var first = $("tr:first", table);                            if (tr.html() =

JS移动li行数据,点击上移下移(是位置的互换,不是top的偏移量改变)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; cha

easyui datagrid行合并

easyui datagrid行合并 合并方法 /** * EasyUI DataGrid根据字段动态合并单元格 * 参数 tableID 要合并table的id * 参数 colList 要合并的列,用逗号分隔(例如:"name,department,office"); */ function mergeCellsByField(tableID, colList) { var ColArray = colList.split(","); var tTable =

Jquery easyui开启行编辑模式增删改操作

来源:http://www.cnblogs.com/nyzhai/archive/2013/05/14/3077152.html Jquery easyui开启行编辑模式增删改操作先上图 Html代码: <table id="dd"> </table> 引入JS文件和CSS样式 <script src="http://www.cnblogs.com/Resources/jquery-easyui-1.2.3/jquery-1.4.4.min.js

[转]Jquery easyui开启行编辑模式增删改操作

本文转自:http://www.cnblogs.com/nyzhai/archive/2013/05/14/3077152.html Jquery easyui开启行编辑模式增删改操作先上图 Html代码: <table id="dd"> </table> 引入JS文件和CSS样式 <script src="http://www.cnblogs.com/Resources/jquery-easyui-1.2.3/jquery-1.4.4.min.

php修改排序,上移下移

php修改排序,上移下移 /**  $UpDown //移动方向,up或down  $table //表名  $id //当前移动的ID  $id_col //ID字段的名称  $oc_col //排序字段的名称  $where //条件 */ function MoveUpDown($UpDown,$table,$id,$id_col='id',$oc_col='OrderColumn',$where='')  {    if($UpDown=='up'){$op='<';$desc='des

AngularJS实现数据列表的增加、删除和上移下移等功能实例

转: http://www.jb51.net/article/91991.htm 这篇文章给大家分享了AngularJS循环实现数据列表的增加.删除和上移下移等基础功能,对大家学习AngularJS具有一定的参考借鉴价值,有需要的朋友可以看看. 效果图 实例代码 <!DOCTYPE html> <html lang="en" ng-app="myapp" ng-controller="myCtrl"> <head&g

table行转列

table行转列 摘要 在使用ews调用exhange的收件箱的并在h5页面显示邮件详情的时候,因为返回的每封邮件的内容都是htmlbody,没有textbody.每封邮件又没什么规律,用正则表达式来匹配内容并不合适,另外又要保持原邮件的格式.这个确实很难统一.目前是使用iframe标签,将原邮件的html在iframe中展示.但问题又来了,如果邮寄中有大表格,大图片,如何保持邮件内容自适应? 思考 通常的做法是在head中添加meta标签 <meta name="viewport&quo