码迷,mamicode.com
首页 > 其他好文 > 详细

jqgrid列表添加单选框

时间:2017-10-10 14:28:13      阅读:782      评论:0      收藏:0      [点我收藏+]

标签:his   radio   put   query   ctr   tab   bre   var   let   

代码如下:

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 + "‘onclick=‘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;
}
}
}

function setmyval(id){
radiokey = id;
$("#jqGrid").setSelection(id);
}

jqgrid列表添加单选框

标签:his   radio   put   query   ctr   tab   bre   var   let   

原文地址:http://www.cnblogs.com/seeusmile-cnblog/p/7644970.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!