1. 程式人生 > >JqGrid把數據行插入指定位置的方法addRowData

JqGrid把數據行插入指定位置的方法addRowData

tro tab 編號 pos 刪除行 col 位置 data title

1、首頁在colModel裏寫好方法,如下代碼options.rowId是獲取當前行的編號

{
   label: ‘操作‘, width: 60, align: ‘center‘, formatter: function (cellvalue, options, rowObject) {
   return ‘<span><a href="javascript:AddGridRow(‘ + options.rowId + ‘)" title="增加行">+</a>&nbsp;&nbsp;&nbsp;<a href="javascript:DelGridRow(‘ + options.rowId + ‘)"" title="刪除行">-</a></span>‘; 
   }
},

2、增加到指定位置的方法如下:

AddGridRow = function (rowId) {
    var $grid = $("#gridTable");
    //在行號序列中獲取最大的編號
    var maxRowId = Math.max.apply(Math, $grid.jqGrid(‘getDataIDs‘))
    window.setTimeout(function () {
        $grid.jqGrid("addRowData", maxRowId + 1, rowdata, "before", rowId);
    }, 200);

    
//RefreshTotal(); }

註:“addRowData”是根據參數插入一行新的數據,rowid為新行的id,data為新行的數據,position為新增行的位置,srcrowid為新增行的參考位置。position可以為[first,last,before,after],如果是before或者after時需要指定相對的行ID編號

JqGrid把數據行插入指定位置的方法addRowData