Datatables превосходят кнопки pdf, не отображаемые - jquery datatable - PullRequest
0 голосов
/ 08 июля 2019

Я работаю на сайте asp.net, используя главные страницы. Я хочу отобразить данные в jquery datatable на моей странице контента, но это дает мне ошибку

Uncaught TypeError: $ (...). DataTable не является функцией

в HTMLDocument. (StoreInwardRegister.aspx: 49)

в j (jquery-1.11.3.min.js: 2)

в Object.fireWith [as resolWith] (jquery-1.11.3.min.js: 2)

в Function.ready (jquery-1.11.3.min.js: 2)

в HTMLDocument.J (jquery-1.11.3.min.js: 2)

файлы скриптов на странице site.master:

<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon.png" />
<link href="assets/libs/flot/css/float-chart.css" rel="stylesheet" />
<link href="dist/css/style.min.css" rel="stylesheet" />
<script src="assets/libs/jquery/dist/jquery.min.js"></script>
<script src="assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
<script src="dist/js/sidebarmenu.js"></script>
<script src="dist/js/custom.min.js"></script>
<script src="assets/libs/inputmask/dist/min/jquery.inputmask.bundle.min.js"></script>
<script src="dist/js/pages/mask/mask.init.js"></script>
<script src="assets/libs/select2/dist/js/select2.full.min.js"></script>
<script src="assets/libs/select2/dist/js/select2.min.js"></script>
<script src="assets/libs/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<script src="assets/libs/quill/dist/quill.min.js"></script>

Файлы сценариев на моей странице содержимого, где я хочу реализовать datatable и excel, экспорт в PDF из базы данных

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.flash.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.print.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.5.6/css/buttons.dataTables.min.css">

Код данных:

 <script type="text/javascript">
    $(document).ready(function () {
        $('#tblReport').DataTable({
            "ajax": {
                "url": "Helper/DataTableService.asmx/StoreRegisterReport",
                "type": "POST",
                "datatype": "json",
                dataSrc: ""
            },
            "processing": true,
            "columns": [
                {
                    'data': 'Date', 'render': function (date) {
                        var date = new Date(parseInt(date.substr(6)));
                        var month = date.getMonth() + 1;
                        return date.getDate() + "/" + month + "/" + date.getFullYear();
                    }
                },
                { 'data': 'No' },
                { 'data': 'SupplierName' },
                { 'data': 'DCBillNo' },
                {
                    'data': 'DCBillDate', 'render': function (date) {
                        var date = new Date(parseInt(date.substr(6)));
                        var month = date.getMonth() + 1;
                        return date.getDate() + "/" + month + "/" + date.getFullYear();
                    }
                },
                { 'data': 'MatDesc' },
                { 'data': 'TransportDet' },
                { 'data': 'InwardOutward' },
            ],
            dom: 'lfrtipB',
            buttons: [
                'copy',
                'excel',
                'csv',
                'pdf',
                'print'
            ]
        });
    });
</script>

В консоли отображается ошибка: Datatable is not a function

Но когда я пишу defer в конце <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js" defer></script>, тогда он отображает данные, но не показывает Excel, кнопки PDF, также показывает ошибку в консоли, что

Uncaught TypeError: Невозможно прочитать свойство 'ext' из неопределенного

в dataTables.buttons.min.js: 8

Uncaught TypeError: Невозможно прочитать свойство 'Buttons' из неопределенного

at buttons.flash.min.js: 30

at buttons.flash.min.js: 8

Uncaught TypeError: Невозможно прочитать свойство 'Buttons' из неопределенного

at buttons.html5.min.js: 11

at buttons.html5.min.js: 8

Uncaught TypeError: Невозможно прочитать свойство 'ext' из неопределенного

at buttons.print.min.js: 6

at buttons.print.min.js: 5

в чем может быть проблема?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...