当前位置: 首页 > 工具软件 > Flexigrid > 使用案例 >

flexigrid 扩展checkbox

景康安
2023-12-01
flexigrid 扩展checkbox
只要设置checkbox:true即可在前面显示多选框
源码修改说明

a.找到 $('div:eq('+n+')',g.cDrag).css({'left':cdpos+'px'}).show();

替换为:
if (p.checkbox) {
$('div:eq('+n+')',g.cDrag).css({'left':cdpos+22+'px'}).show();
}else{
$('div:eq('+n+')',g.cDrag).css({'left':cdpos+'px'}).show();
}


b.找到//add cell

前面插入:

if (p.checkbox) {
var cth = $('<th/>');
var cthch = $('<input type="checkbox" value="' + row._id +'"/>');
var objTr = $(tr);
cthch.addClass("noborder").click(function(){
if(this.checked){
objTr.addClass('trSelected');
}else{
objTr.removeClass('trSelected');
}
});
cth.addClass("cth").attr({ width: "22"}).append(cthch);
$(tr).prepend(cth);
}ss


c.找到$(this).toggleClass('trSelected');

后面插入:
if(p.checkbox){
if($(this).hasClass('trSelected')){
$(this).find('input')[0].checked=true;
}else{
$(this).find('input')[0].checked=false
}
}

d.找到if ($('th',g.hDiv).length)

在其后的{}大括号中加入

if (p.checkbox) {
$('tr',g.hDiv).each(function(){
var cth = $('<td/>');
var cthch = $('<input type="checkbox"/>');
cthch.click(function(){
if(this.checked){
$('tbody tr',g.bDiv).each(function(){
$(this).addClass('trSelected').find('input')[0].checked=true;
});
}else{
$('tbody tr',g.bDiv).each(function(){
$(this).removeClass('trSelected').find('input')[0].checked=false;
});
}
});
cth.addClass("cth").attr({ width: "22" }).append(cthch);
$(this).prepend(cth);
});
};


e.找到p = $.extend({

添加默认设置
checkbox:false,//是否要多选框
 类似资料: