通过本文主要向大家介绍了datatable,共存,checkbox等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
【问题原因】
这个应该是 jquery.datatable 控件本身的一个缺陷。
该控件中的checkbox小插件的id是写死的,所以当有多个datatable引用到一个页面中的时候,全选事件会匹配全部的datatable,所以造成全部多个表格的checkbox被都被选中。
【解决方法】
所以最好是修改jquery.datatable控件,给生成的每个datatable下的checkbox赋 予不同的id,因为datatable的id是不一样的,所以可以把 datatable的id作为 checkbox的前缀组成一个唯一的id 。 具体这个checkbox的调用事件也需要同步 替换成这个新id,进行事件的调用。
[修改文件]
jqurey.datatable.ext.js (v0.0.1)
1. init方法修改:
这个应该是 jquery.datatable 控件本身的一个缺陷。
该控件中的checkbox小插件的id是写死的,所以当有多个datatable引用到一个页面中的时候,全选事件会匹配全部的datatable,所以造成全部多个表格的checkbox被都被选中。
【解决方法】
所以最好是修改jquery.datatable控件,给生成的每个datatable下的checkbox赋 予不同的id,因为datatable的id是不一样的,所以可以把 datatable的id作为 checkbox的前缀组成一个唯一的id 。 具体这个checkbox的调用事件也需要同步 替换成这个新id,进行事件的调用。
[修改文件]
jqurey.datatable.ext.js (v0.0.1)
1. init方法修改:
您可能想查找下面的文章:
- JQuery.dataTables表格插件添加跳转到指定页
- jquery dataTable 后台加载数据并分页实例代码
- jQuery使用DataTable实现删除数据后重新加载功能
- jQuery中Datatables增加跳转到指定页功能
- 利用JQuery实现datatables插件的增加和删除行功能
- jQuery插件DataTable使用方法详解(.Net平台)
- DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
- jQuery.datatables.js插件用法及api实例详解
- jQuery dataTables与jQuery UI 对话框dialog的使用教程
- jquery datatable服务端分页