如何解决我们可以在自定义查询插件中使用 DataTables 插件吗?
我正在尝试使用 DataTable jQuery 插件在 jQuery 中创建自定义插件来显示记录列表。我正在使用以下代码显示数据表中的记录列表。 不是显示记录列表,控制台也没有错误。
var jQueryScript = document.createElement('script');
jQueryScript.setAttribute('src','/Scripts/jquery.dataTables.min.js');
jQueryScript.setAttribute('src','/Scripts/dataTables.responsive.min.js');
document.head.appendChild(jQueryScript);
(function ($) {
$.fn.Grid = function (options) {
options = $.extend({
responsive: true,processing: true,serverSide: true,filter: true,orderMulti: false,columns: [],order: [[1,"asc"]],url: "",type: "",},options);
$.fn.Grid.method = function (options) {
var dataTable = $('#table1').DataTable({
"responsive": options.responsive,"processing": options.processing,// for show progress bar
"serverSide": options.responsive,// for process server side
"filter": options.responsive,// this is for disable filter (search Box)
"orderMulti": options.responsive,// for disable multiple column at once
"ajax": {
"url": options.url,"type": options.type,"datatype": "json"
},select: true,language: {
processing: "<img src='/images/loading.gif'/>",emptyTable: "No records to display","paginate": {
"prevIoUs": "<<","next": ">>"
}
},"order": options.order,"columns": options.columns
});
return dataTable;
};
console.log('dataTable: ',$.fn.Grid.method(options));
$.fn.Grid.settings = options;
return this.each(function () {
var $element = $(this);
$element.html($.fn.Grid.method(options));
});
};
}(jQuery));
非常感谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。