2016-07-16 8 views
0

Я использую JQuery DataTables на своем веб-сайте. Теперь я хочу добавить функцию Excel-Export. Я нашел синтаксис для этого на своем веб-сайте. Для этого он работает.Ошибка синтаксиса JQuery DataTables

Но у меня есть проблемы, чтобы соответствовать моим 2 части кода вместе:

Моя существующая часть:

<script> 
    $(function() { 
    // $("#example1").DataTable(); 
    $('#liste').DataTable({ 

    // When I try something like this: 
    dom: 'Bfrtip', 
    buttons: [ 
     'excel' 
     ] 
    // the code do to NOT work at all 

     "paging": true, 
     "lengthChange": false, 
     "searching": true, 
     "ordering": true, 
     "info": true, 
     "autoWidth": false, 
     "language": { 
      "url": "../plugins/datatables/dataTables.german.lang" 

     } 
    }); 
    }); 
</script> 

Это часть для отображения функции экспорта:

<script> 
$(document).ready(function() { 
    $('#liste').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [ 
     'excel' 
     ] 
    }); 
}); 

</script> 

Я использую поместить «экспорт-код» в мой существующий код, но тогда вся таблица «не работает». Я немного зациклился на синтаксисе.

Может ли кто-нибудь дать мне подсказку?

+0

Не могли бы вы [изменить] ваш вопрос, чтобы показать версию нарушенного кода? Я не использовал '.DataTable()', но не могли бы вы просто добавить свойства 'dom' и' buttons' к объекту, который вы передаете методу '.DataTable()' в первом блоке кода? – nnnnnn

+0

Я до сих пор не понимаю, какова ваша фактическая проблема, не можете ли вы интегрировать коды, см. Этот [полный пример] (https://editor.datatables.net/examples/extensions/exportButtons.html) –

+0

Мне нужно поместите «код excel» внутри первого блока кода. Моя проблема заключается в JS "синтаксическом кронштейне desaster". Когда у меня было два отдельных блока JS, DataTable сказал что-то вроде начальной ошибки. – DragonStyle

ответ

1

Должно быть запятое после buttons: [ 'excel' ] block.

$('#liste').DataTable({ 
    "dom": "Bfrtip", 
    "buttons": [ 
    "excel" 
    ], 
    "paging": true, 
    "lengthChange": false, 
    "searching": true, 
    "ordering": true, 
    "info": true, 
    "autoWidth": false, 
    "language": { 
    "url": "../plugins/datatables/dataTables.german.lang" 
    } 
}); 

Также не забудьте указать соответствующие файлы для расширения кнопок. Вы можете создавать файлы для включения на странице Download.

+0

Большое спасибо. Вот и все. – DragonStyle

Смежные вопросы