Jqgrid设定grid数据的两种方法讲解

grid设定数据的方式有两种，一种是通过addJSONData 这个函数，这个函数的好处是，可以不刷新表格，就直接给数据全局的修改了，第二种方式是，在初始化的时候，直接设定数据到表格上。

设定grid数据的两种方法

json后添加的方式

json这种方式比较合理的一点，就是不刷新表格。

// 清空数据
$("#gridStaffData").jqGrid("clearGridData");
//设定数据
$("#gridStaffData")[0].addJSONData(result.resultList);
//取消选中
$("#gridStaffData").jqGrid('resetSelection');

初始化的时候，添加数据

初始化，就给定值了。

 var colNames = [
                        "test1",      //適用開始日
                        "test2",            //支払率
                        "test3",     //支払区分
                    ];

    var colModel = [
                    {name:"sDate",sortable:false, edittype:"text",editable:false, width:25, hidden:false},   //キー1
                    {name:"ritu",sortable:false,formatter:'integer',editoptions:{maxlength:3},editable:true,width:40, hidden:false},   //キー2
                    {name:"shiharaiKbn",sortable:false,edittype:"select",editoptions: {value: $("#selectOption").val()},editable:true,width:20, hidden:false},   //キー3
    ];

    // 860
    var gridWidth  = Math.floor($(this).innerWidth() * 0.70); // Gridの高さを取得
    var gridHeight  = Math.floor($(this).innerHeight() * 0.6); // Gridの高さを取得

    //set width
    $("#btnGroup").css("width",gridWidth);

    $("#gbox_gridShiharaiData").remove();
    $("#yfmm1050ShiharaiData").append("<table id='gridShiharaiData'></table>");
    $('#gridShiharaiData').jqGrid({
        //dataList 就是初始化给的数据
        //[{}] 
        data: dataList,
        datatype:"local",
        cellEdit:true,
        cellsubmit:'clientArray',
        colNames:colNames,
        colModel:colModel,
        width:gridWidth,
        height:gridHeight,
        scrollOffset:0,
        rowNum:dataList.length,
        scroll:true,
        regional:'ja',
        onCellSelect:function(rowid,iCol,cellcontent,e){
        }
});

获取单元格对象

直接通过这个方法获取到grid对象的cell,然后修改里面的内容和数据。

/**
*gridNm grid的id
*cellNm 需要获取的列的名称
*rowid  获取的行的id
*/
function getCellObj(gridNm,cellNm,rowid){
    var _obj = $("#"+gridNm+" tbody #"+rowid+" td[aria-describedby='"+gridNm+"_"+cellNm+"']");
    return _obj;
}