jqgrid列表添加单选框

最新推荐文章于 2023-05-03 09:09:34 发布

weixin_30287169

最新推荐文章于 2023-05-03 09:09:34 发布

阅读量767

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/seeusmile-cnblog/p/7644970.html

版权

代码如下：

colModel: [
{name: 'radiokey', width: 10,align:'center'},
{name: 'templatekey', key: true, width: 75,align:'center'},
{name: 'templatename', width: 150, editable: true,align:'center'},
],

gridComplete:function(){
var ids = jQuery("#jqGrid").jqGrid('getDataIDs');
//单选按钮
for (var i = 0; i < ids.length; i++) {
var cl = ids[i];
var ret = jQuery("#jqGrid").jqGrid('getRowData', cl);
bnEdt = "<input type='radio' name='myname' value='" + ret.templatekey + "'οnclick='setmyval(" + cl + ");' />";
jQuery("#jqGrid").jqGrid('setRowData', cl, {
radiokey: bnEdt
});
}
},
onSelectRow: function(rowid){
var radios = $($(this)[0]).find("input[name='myname']");
for(var i=0;i<radios.length;i++){
if(radios[i].value==rowid){
radios[i].checked = true;
break;
}
}
}