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++;       
    }   
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值