easyui datagrid 自定义列checkbox

今天写代码时,遇到一个需求,使用easyUI时,easyui datagrid在页面展示的数据,只在异常数据前面加上复选框,实现全选只选中异常数据。网上找了很多资料,顺便记录一下。效果图:
在这里插入图片描述
不多说,上代码:
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲tableId").datag…(window).height() - 230,
loadMsg:‘正在加载,请稍后…’,
columns:[[
// {field:‘batch_id’,title:’’,width:30,align:‘center’,auto:false,formatter:
// function(value,rowData,index){
// if(rowData.batch_error_symbol === ‘1’){
// return ‘’
// }else{
// return ‘’
// }
// }},
{field:‘option’,title:‘操作’,width:60,align:‘center’,formatter:
function(value,rowData,index){
if(rowData.batch_error_symbol === ‘1’){
// index 为角标

       op = '<input type="checkbox" name="ckId" value="'+rowData.batch_id+'" style="zoom:130%;vertical-align:middle;"/> <a href="#" class="iconfont icon-zhongfa hisui-tooltip" title="重发" onclick=repeatBtn('+index+')></a>'        
   }else{
       op = '<input type="checkbox" disabled="disabled" name="ckId" style="display: none;"/>';
   }
   return op;

}},
// …(此处省略一部分代码)
]],
pagination:true,
pageSize:20,
fitColumns:true,
rownumbers:true,
singleSelect:false,
autoRowHeight:true,
pageList: [10, 20, 30, 50],
onLoadSuccess:function(data){
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲ck_all").click(…(this).prop(“checked”)){
var chks = $(“input[name=‘ckId’]”);
for(var i=0;i<chks.length;i++){
var chkobj = $(chks[i])
if(!chkobj.prop(“disabled”)){
chkobj.prop(“checked”,true);
}else{
chkobj.parent().parent().parent().css({“background-color”:“White”})
}
}
}else{
$(“input[name=‘ckId’]”).prop(“checked”,false);
}
})
},
// onSelect:function(rowIndex, rowData){
// if(rowData.batch_error_symbol == “1”){
// $(“input[value=’”+rowData.batch_id+"’]").prop(“checked”,true);
// }
// },
// onUnselect:function(rowIndex, rowData){
// $(“input[value=’”+rowData.batch_id+"’]").prop(“checked”,false);
// }
})

取值:
function batchRepeatBtn(){
var chk_jo="";
var checkId=$(“input[name=‘ckId’]:checked”);
if(checkId.length>0){
for(var i=0;i<checkId.length;i++){
var s5 = ( c h e c k I d [ i ] ) ; / / c o n s o l e . l o g ( (checkId[i]); // console.log( (checkId[i]);//console.log((checkId[i])[0].value);
chk_jo += $(checkId[i])[0].value + “,”;
// $(checkId[1])[0].value
}
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值