微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

我们可以在自定义查询插件中使用 DataTables 插件吗?

如何解决我们可以在自定义查询插件中使用 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 举报,一经查实,本站将立刻删除。