jqGrid 设置radio_jqgrid 多个radio-优快云博客

本文详细介绍了如何配置jqGrid插件以实现自定义显示功能，包括定义列模型、设置分页器、调整网格高度等，并实现了通过单选按钮选择行的功能。

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

colModel :[{
   name:'id' ,index:'id',hidden:true
},{name:'rdobtn',index:'rdobtn',align:'center',width:20
},{name:'name',index:'name',align:'center'
},{name:'remark',index:'remark',align:'center'
},{name:'displayTime',index:'displayTime',align:'center'
},{name : 'domainName',index : 'domainName',width : 100,align : 'left'
},{name : 'batchMon',index : 'batchMon',width : 100,align : 'left'
},{name : 'domainCode',index : 'domainCode',width : 100,align : 'left'
}],
pager: '#dbhGridPage',
height:280, 
	autowidth : true,
	multiselect: false,
	viewrecords : true,
	gridComplete:function(){
		 var ids=jQuery("#dbhGridList").getDataIDs();
	    for(var i=0; i<ids.length; i++){
		var cl=ids[i];
		rowDatas = $("#dbhGridList").jqGrid('getRowData', cl);
		 var radioBtn = "<input type='radio' name='rdoid' onchange='rdoChange("+cl+")'/>";
		 jQuery("#dbhGridList").jqGrid('setRowData', cl, {
			 rdobtn : radioBtn
		 });
	    }
	},
	jsonReader : {
		repeatitems: false
	},
	onSelectRow: function(rowid,status,e) {
	   $('#'+rowid).find("input[name='rdoid']")[0].checked = true;
}

function rdoChange(cl){
//点击radio设置行选中
$('#dbhGridList').setSelection(cl);
}