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,//是否要多选框
分享到:
相关推荐
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。... 本资源是作者根据原flexigrid 进行修改,首列加入CheckBox 的修改版。
Jquery flexigrid插件 添加了checkbox,将它设置为true就OK了 (双击事件)onRowDblclick。。。 附带属性说明 共享下。。。。。
Flexigrid demo
flexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.js
jquery flexigrid;jquery flexigrid
基于插件本身只支持php模式的局限性,扩展了flexigrid对webservice方法的支持,可以直接通过配置webservice的路径,方法名,参数进行数据获取。
FlexiGrid配置与使用说明,不错的文档
flexigrid.js flexigrid.css
基于jquery的flexigrid列表控件,改进了列表自适应宽度方式,增加checkbox选择框
FlexiGrid(js版本)
《修改jQuery表格插件flexigrid源码添加自定义功能》文章配套代码http://blog.csdn.net/neareast/article/details/12904393,对jquery表格插件flexigrid的源码进行修改,增加了几个自定义功能,对其功能进行了增强。...
此项目是struts2+json+flexigrid的完整实例,可帮助你对flexigrid快速上手,项目下载后直接导入自己的工程即可,所用jar包会另传,因为超出上传限制,还请理解。
我们都知道flexigrid表格插件的列宽只能设为固定的值,不能使用百分比来自适应窗口的变化。 本例通过修改flexigrid的源代码来实现列宽的自适应变化。如下使用:{display:'XXX',name:'XXX',width:'30%',sortable:...
FlexiGrid使用教程
FlexiGrid使用手册,主要介绍FlexiGrid的主要属性和使用方法。
flexigrid删除实例flexigrid删除实例flexigrid删除实例flexigrid删除实例
NULL 博文链接:https://leon1509.iteye.com/blog/624941
Flexigrid它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
Flexigrid与struts2 说明,还有Flexigrid的使用说明和Flexigrid的实例。Flexigrid的包。
对于flexigrid的使用,各个参数的意义应该不用解释,网上资料很多。插件接收的数据格式对于刚接触的人来说是个麻烦,这是一位兄台的整理,不尽完美但会告诉你如何封装格式。