今天写代码时,遇到一个需求,使用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
}
})