Я создал представление для таблицы данных (которая вызывается модально по ссылке в таблице данных в другом представлении), и я собираюсь поместить кнопки для экспорта данных в Excel, PDF, Print ... и т. Д.Я добавил сценарий, но кнопки не отображаются в конечном выводе.
Какие файлы библиотек я хочу загрузить, чтобы код работал с ожидаемыми от него результатами?
Примечание. Я использовал JQuery 3.1.1
. Я пробовал различные методы, в том числе путем изменения ссылок на библиотеки скриптов, но безрезультатно.Я даже попробовал сборщик загрузок с datatables.net, но, похоже, что-то из этого тоже не работало.
*The html code*
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn btn-default" data-dismiss="modal">Back</button>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h2 class="modal-title">Item</h2>
<h4>TRANSFER HISTORY</h4>
</div>
<div>
<table id="example" class="display" style="width:100%">
<tr style="background-color:#b5bbc8">
<th>
From
</th>
<th>
To
</th>
<th>
Date
</th>
<th>
Cause
</th>
<th>
Updated By
</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.Center.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.Center1.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.TransferDate)
</td>
<td>
@Html.DisplayFor(modelItem => item.TransferCause)
</td>
<td>
@Html.DisplayFor(modelItem => item.User.FirstName) @Html.DisplayFor(modelItem => item.User.LastName)
</td>
</tr>
}
</table>
</div>
</div>
</div>
*The Buttons script*
<script type="text/javascript">
$(document).ready(function () {
$('#example').DataTable({
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
]
});
});
</script>
Обновление - я только что выяснил, чего не хватает.На самом деле это была ссылка в родительском представлении, из которого загружается это представление.Я исправил, теперь все работает отлично.Спасибо всем за ваши ответы и отзывы.