`
joe_zhjiang
  • 浏览: 155897 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

flexigrid 扩展checkbox

阅读更多
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,//是否要多选框
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics