jqgrid checkbox的点击选择事件

最新推荐文章于 2024-01-15 15:56:53 发布

原创最新推荐文章于 2024-01-15 15:56:53 发布 · 4.9k 阅读

3 ·

CC 4.0 BY-SA版权

java 同时被 3 个专栏收录

253 篇文章

订阅专栏

202 篇文章

订阅专栏

jqGrid

32 篇文章

订阅专栏

本文详细介绍了jqGrid插件中与行选择相关的事件处理方法，包括单击行、多选、全选及单元格选择事件的具体实现，以及如何在事件触发时更新外部变量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//jqgrid checkbox的点击选择事件
	multiselect: true,
	//点击行，进行单选
        //要求：editable:false
        onSelectRow: function (rowId, status, e) {
            var ids=$('#yourDataGrid').jqGrid('getGridParam','selarrrow');
		if(ids.length>0){
		    $("#xxx").val(JSON.stringify(ids));
		}else{
                    $("#xxx").val("");
		}
        },
	//点击题头的checkbox按钮，一键多选
        onSelectAll:function(rowids,statue){
            console.log(rowids);
            //全选时候，将指定行设置成未选中状态
            $('#yourDataGrid').setSelection("1147070265284452352", false);
	    //rowids是被全选中的行数据的id数组
            if(statue){
                $("#xxx").val(JSON.stringify(rowids));
            }else{
                $("#xxx").val("");
            }
        },
        //在选中该行之前的事件，如需要
	beforeSelectRow:function(rowid, e){
            console.log(rowid);
            console.log(e);
            if(e.type == 'click'){
                console.log("do Something beforeSelectRow");
            }
        },
        //要求：editable:true
        onCellSelect: function (rowId, status, e) {
            console.log("onCellSelect");
            var ids=$('#yourDataGrid').jqGrid('getGridParam','selarrrow');
            if(ids.length>0){
                $("#xxx").val(JSON.stringify(ids));
            }else{
                $("#xxx").val("");
            }
        },
        //可以获取点击cell中的列号。输入的值
	onCellSelect: function(rowid, iCol, cellcontent,e){
            console.log(iCol+"___"+cellcontent);
        },