jqgrid常用的方法事件

来源：互联网发布：windows10怎么设置网络编辑：程序博客网时间：2024/05/22 14:43

生成一个表格，带有复选框，

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

0 0