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,//是否要多选框