Проблема с реализацией кнопки с данными (экспорт HTML5)

Я новичок в codeigniter. И это первый раз, когда я использую datatable. Таблица данных отлично работает с такими функциями, как сортировка, поиск и т. д., Но мне нужно реализовать кнопку экспорта. Я загрузил файлы javascript и css, необходимые для кнопки datatble, но нет подходящего результата. Можно ли решить эту проблему.

это код javascript, который я использую

  table = $('#user_data').DataTable({ 

       "dom": '<"top"iB>rt<"bottom"flp><"clear">',
       "buttons": [
                    {extend:'pdfHtml5',text:'Save as Pdf',key:'p'}
                    ],
    "processing": true, //Feature control the processing indicator.
    "serverSide": true, //Feature control DataTables' server-side processing mode.
    "order": [], //Initial no order.
     "bFilter":false,
     "ordering":false,
     'bLengthChange': false,
    // Load data for the table's content from an Ajax source
    "ajax": {
        "url": "fetch_print_list",
        "type": "POST",
        //"contentType": "application/json; charset=utf-8",
        "data": function ( data ) {
            data.branch = $('#branch').val();
            data.fromdate = $('#fromdate').val();
            data.view_by = $('#view_by').val();
        },
    },
    //Set column definition initialisation properties.
    "columnDefs": [
    { 
        "targets": [ 0 ], //first column / numbering column
        "orderable": false, //set not orderable
    },
    ],

});

это файлы, которые я загрузил

 <script src = "<?php echo base_url('resource/DataTables/jquery.min.js');?>"></script>

<link rel = "stylesheet" type = "text/css" href = "<?php echo base_url('resource/DataTables/jquery.dataTables.min.css');?>"/>
<script type = "text/javascript" src = "<?php echo base_url('resource/DataTables/jquery.dataTables.min.js');?>"></script>

<link rel = "stylesheet" type = "text/css" href = "<?php echo base_url('resource/DataTables/Buttons-1.5.2/css/buttons.dataTables.min.css');?>"/>
<script type = "text/javascript" src = "<?php echo base_url('resource/DataTables/Buttons-1.5.2/js/dataTables.buttons.min.js');?>"></script>

<script type = "text/javascript" src = "<?php echo base_url('resource/DataTables/pdfmake-0.1.36/pdfmake.min.js');?>"></script>
<script type = "text/javascript" src = "<?php echo base_url('resource/DataTables/pdfmake-0.1.36/vfs_fonts.js');?>"></script>
<script type = "text/javascript" src = "<?php echo base_url('resource/DataTables/Buttons-1.5.2/js/buttons.html5.min.js');?>"></script>

ты можешь создать скрипку?

Bhumi Shah 04.07.2018 07:39

извините, я не знаком со скрипкой .....

SRUTHIRBABU 04.07.2018 07:40
codepen.io на этом URL-адресе, вам просто нужно вставить свой код, чтобы воспроизвести проблему
Bhumi Shah 04.07.2018 07:46

Спасибо за предложение. Я применил код на упомянутом сайте, и он работает правильно, но у меня все еще есть проблемы с моей реальной работой. Когда я запускаю код в codepen.io, я получаю предупреждающее сообщение «DataTables warning: table id = user_data - Ajax error. Дополнительные сведения об этой ошибке см. В разделе datatables.net/tn/7». Я предполагаю, что проблема связана с URL-адресом, который я вызвал в ajax. URL-адрес в функции ajax указывает на функцию на странице контроллера.

SRUTHIRBABU 04.07.2018 09:21

Поделитесь ссылкой на код !!! это уникальная ссылка !!

Bhumi Shah 04.07.2018 09:42
codepen.io/sruthirbabu/pen/OEGagZ
SRUTHIRBABU 04.07.2018 11:27
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
6
108
0

Другие вопросы по теме