jqgrid常用的方法事件

生成一個表格，帶有複選框，

function getList(){
    $("#sample_editable_1").jqGrid({
        url:ctx+"/serviceResources/getList",
        datatype: "json",
        height: 'auto',
        autowidth:true,
        shrinkToFit: true,//列寬設置
        forceFit:true,//表格水平寬度不變,
       // multiboxonly:true,//點擊行時就選取複選框，是否只能選取一個
        multiselect: true,//複選框開關
        checkbox : {disabled:false},//
        edittype:'checkbox',
        rowNum: 10,
        rowList: [10,20,50],
        rownumbers:true,
        colNames: ['標識符','服務名稱','服務描述','所在庫','版本','狀態','共享方式','主鍵'],
        colModel: [
            {
                name: 'SM_ID',
                index: 'SM_ID',
                align: 'center',
                sortable:true

            },{
                name: 'SM_NAME',
                index: 'SM_NAME',
                align: 'center',
                sortable:true

            },{
                name: 'SM_DESC',
                index: 'SM_DESC',
                align: 'center',
                sortable:true

            },{
                name: 'IN_DB',
                index: 'IN_DB',
                align: 'center',
                sortable:true

            },{
                name: 'SM_VERSION',
                index: 'SM_VERSION',
                align: 'center',
                sortable:true
            },
            {
                name: 'SM_STATUS',
                index: 'SM_STATUS',
                align: 'center',
                sortable:true,
            },
            {
                name: 'SM_SHARE_TYPE',
                index: 'SM_SHARE_TYPE',
                align: 'center',
                //hidden:true

            },
            {
                name: 'SM_HIS_ID',
                index: 'SM_HIS_ID',
                align: 'center',
                hidden:true 
            }
        ],
        pager: "#pager_list",//頁碼位置
        viewrecords: true,//顯示總數
        hidegrid: false,
        onSelectRow: function(){
        }
    }).closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });//隱藏水平滾動條
}

獲得表格的行數，所有的行數，包括爲點擊的。

var Ids = $("#"+id).jqGrid("getRowData");
var len=Ids.length;//表格的長度

取出表格裏的所有數據

var index=0;
jQuery(Ids).each(function(){
                if(index==0){
                    department_ids=this.DEPARTMENT_ID;
                    department_names=this.DEPARTMENT_NAME;
                    index++;
                }else{
                    department_ids+=":"+this.DEPARTMENT_ID;
                    department_names+=":"+this.DEPARTMENT_NAME;
                }
           });  

獲取最後點擊的行的行號rowid

var rowid= $("#sample_editable_1").jqGrid('getGridParam','selrow');

根據行號獲得該行的數據，一般以上一個連用

//根據點擊行獲得點擊行的id（id爲jsonReader: {id: "id" },）            
        var rowData = $("#sample_editable_1").jqGrid("getRowData",rowid);
        //根據上面的id獲得本行的所有數據
        var sm_his_id= rowData.SM_HIS_ID; 

增加一行數據第1,3個數據是行號和行的位置，
第二個參數是顯示的參數數據。

jQuery("#"+addId).jqGrid('addRowData', 
                ''+addlen,
                {DEPARTMENT_ID:department_id,DEPARTMENT_NAME:department_name},
                ''+addlen
            ); 

獲取所有選擇的行及其數據

function tableClick(delId,addId){
    var Ids = $("#"+delId).jqGrid("getGridParam", "selarrrow");//選取的行
    var len=Ids.length;
    var addIds = $("#"+addId).jqGrid('getDataIDs');//所用的行id
    var addlen=addIds.length;
    for(var j=0;j<addlen;j++){
        if(addIds[j]>addlen){
            addlen=addIds[j];
        }
    }
    addlen+=1;
    for(var i=0;i<len;i++){
        var rowid=Ids[0];
        var rowData = $("#"+delId).jqGrid('getRowData',rowid);
        var department_id=rowData.DEPARTMENT_ID;
        var department_name=rowData.DEPARTMENT_NAME;         
        jQuery("#"+addId).jqGrid('addRowData', 
                ''+addlen,
                {DEPARTMENT_ID:department_id,DEPARTMENT_NAME:department_name},
                ''+addlen
            );      
        $("#"+delId).jqGrid("delRowData", Ids[0]); 
        addlen++;       
    }   
}