jqgrid列表添加单选框

代码如下:

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;
}
}
}

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

参考来源:http://www.xuebuyuan.com/2120822.html

转载于:https://www.cnblogs.com/seeusmile-cnblog/p/7644970.html

如果你想在 jqGrid 中动态地显示或隐藏筛选字段,可以使用 `setColProp` 方法。这个方法可以在运行时修改列属性,包括列的可见性、筛选条件等。 以下是一个简单的例子,演示如何在运行时动态地显示或隐藏筛选字段: ```javascript // 首先定义一个列模型 var colModel = [ { name: 'id', index: 'id', width: 50, align: 'center', sortable: true }, { name: 'name', index: 'name', width: 150, align: 'center', sortable: true }, { name: 'age', index: 'age', width: 80, align: 'center', sortable: true, searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge'] } }, { name: 'gender', index: 'gender', width: 80, align: 'center', sortable: false, searchoptions: { sopt: ['eq', 'ne'] } } ]; // 然后创建 jqGrid $("#grid").jqGrid({ url: 'your_data_url', datatype: 'json', colModel: colModel, rowNum: 10, rowList: [10, 20, 30], pager: '#pager', sortname: 'id', viewrecords: true, sortorder: 'asc', caption: 'My Grid' }); // 然后使用 setColProp 方法来动态地显示或隐藏筛选字段 $('#grid').jqGrid('setColProp', 'age', { searchoptions: { searchhidden: true } }); // 隐藏 age 筛选字段 $('#grid').jqGrid('setColProp', 'gender', { searchoptions: { searchhidden: false } }); // 显示 gender 筛选字段 ``` 在这个例子中,我们首先定义了一个列模型 `colModel`,其中包含了 4 个列:id、name、age 和 gender。然后我们创建了一个 jqGrid,并使用 `colModel` 参数指定了列模型。 在运行时,我们使用 `setColProp` 方法来动态地显示或隐藏筛选字段。在这个例子中,我们将 age 筛选字段隐藏起来,将 gender 筛选字段显示出来。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值