问题描述
我正在尝试使用 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 (将#修改为@)