В datatable модальное всплывающее окно не работает после 1-й страницы(после первых 10 записей)
у меня есть список пользователей
используя DataTable, которую я показываю .
наличие кнопки редактирования в каждой строке.
1-я страница всплывающего модального окна открывается отлично, но после 2-й страницы он не открывается.
в пагинации первые 10 записей butoon нажмите всплывающее окно открыть
после 2-х страничного клика (datatable) всплывающее окно не работает....когда я нажимаю на кнопку изменить, но ничего не происходит.
Что я уже пробовал:
$(document).ready(function () {
var datatable_documentskillmastertype = $('#data-table-skillmaster-type').DataTable(
{
"aoColumnDefs": [{
bSortable: false,
aTargets: [3, 4, 2]
}],
});
//список данных в datatable
<!--DataTables example Row grouping-->
<div id="row-grouping" class="section">
<div class="row">
<div class="col s12">
<table id="data-table-skillmaster-type" class="display" cellspacing="0">
<thead class="blue lighten-5">
<tr>
<th class="center-align">Sr. No</th>
<th>Skill Name</th>
<th>Description</th>
<th class="center-align">Action</th>
</tr>
</thead>
<tbody>
@if (Model != null)
{
int i = 1;
foreach (var item in Model)
{
<tr>
<td class="center-align">@i </td>
<td>@item.SkillName</td>
<td>@item.SkillDiscription</td>
<td class="center-align">
@*<button class="btn btn-danger btn-circle" type="button" onclick="GetSelectedQuote(@item.QuoteId);" data-toggle="modal" data-backdrop="static" data-keyboard="false"> </button>*@
<a href="#task-modal" title="Modify Skill" onclick="GetSelectedSkill(@item.SkillId);" class="btn-floating waves-effect waves-light darken-2 grid-btn-bg modal-trigger"></a>
</td>
</tr>
i++;
}
}
</tbody>
</table>
</div>
</div>
</div>
<!-- End Dtatable-->
<!--start modalPopup-->
<div id="task-modal" class="modal">
<nav class="task-modal-nav cyne">
<div class="nav-wrapper">
<div class="left col s12 m5 l5">
<ul>
<li>
<a href="#!" class="todo-add">Skill Type</a>
</li>
</ul>
</div>
<div class="right col s12 m5 l5">
<ul>
<li>
<a href="#!" class="todo-menu" onclick="ClearModel();"></a>
</li>
</ul>
</div>
</div>
</nav>
<div class="modal-content">
@using (Html.BeginForm("SkillAdd", "SystemPreferences", FormMethod.Post, new { @id = "frmskill", @class = "col s12 right-alert" }))
{
<div class="row" id="clearbody">
@Html.Partial("_AddSkill", new Utility.Model.SkillMaster())
</div>
}
</div>
</div>
<!--end modalPopup-->
Karthik_Mahalingam
что вы имеете в виду под этим после 2-й страницы он не открывается
непонятный,
Воспользуйся Улучшить вопрос чтобы добавить больше информации к этому вопросу.
Jaydeep Shah
у меня есть список записей данных, и кнопка находится в конце каждой строки (Edit).
в datatable первые 10 строк работают отлично .после щелчка 2 страницы мое модальное всплывающее окно не открывается .
Karthik_Mahalingam
вам придется заново привязать модальные события к вновь созданным строкам.
разместите соответствующий код
Jaydeep Shah
Привет @karthik я обновляю свой код.
список данных имеет последний td тег, где всплывающее окно открывает код ...
Karthik_Mahalingam
эта строка для модального ?
<a href="#task-modal" title="Modify Skill" class="btn-floating waves-effect waves-light darken-2 grid-btn-bg modal-trigger"></a>
Jaydeep Shah
да
Karthik_Mahalingam
вы получаете какие-либо ошибки в консоли?
Jaydeep Shah
нет..я не получаю никаких ошибок в консоли
вы совершенно правы, я должен повторно инициализировать модал на следующей странице в таблице данных
но как я переинициализирую это, я не понимаю.
Karthik_Mahalingam
покажите модальный инициализирующий код.
Jaydeep Shah
У меня есть только этот код ..весь код, который я публикую
Karthik_Mahalingam
GetSelectedSkill ?
Jaydeep Shah
GetselectedSkill только для AJAX вызова для получать записи контроллера на ..
Jaydeep Shah
функция GetSelectedSkill(id) {
отладчик;
$.Аякс({
тип: 'GET',
URL-адрес: '@URL-адрес.Действий("_AddSkill", "SystemPreferences")',
данные: { SkillId: id },
успех: функция (данные) {
если (данные) {
$("#clearbody").пусто();
$("#clearbody").html(данные);
var validator = $('#frmskill').validate();
}
},
функция ошибок () {
}
});
}
Karthik_Mahalingam
Поместите окно оповещения внутри функции с идентификатором и проверьте, вызывается ли она каждый раз и передается ли правильный vale
Jaydeep Shah
да это называется каждый раз
только всплывающее окно не открывается
Karthik_Mahalingam
Где находится код для открытия всплывающего окна внутри функции
Jaydeep Shah
<a href="#task-modal"
я так и делаю
то же самое рядом с онкликом
Karthik_Mahalingam
Вы нашли какую-нибудь разницу в наценке для страницы 1 и страницы 2
Для модального?
Karthik_Mahalingam
Если это возможно, можете ли вы разместить код в jsfiddle
Чтобы я мог разобраться в этом вопросе и найти какое - то решение
Jaydeep Shah
ладно я попробую но через некоторое время
и я использую материализованный шаблон (модальный)
http://materializecss.com/modals.html
Karthik_Mahalingam
вы пробовали это сделать
$('#задача-модальный').модальные('открыть'); ?
Karthik_Mahalingam
Функция выглядит нормально
Jaydeep Shah
хорошо я проверю сейчас
Karthik_Mahalingam
то, что вы делаете в
ClearModel(); функция
Member 13761628
это работает?
Jaydeep Shah
да
Member 13761628
Как вы ее решили?
Member 13761628
у меня та же проблема, как вы ее решили?
Jaydeep Shah
ну, я не помню точно, что я сделал. но вы можете наблюдать, как в консоли произошло что-то неправильное. который ты должен исправить. бросьте jquery.
откройте консоль и понаблюдайте, что происходит с первыми 10 результатами, а затем понаблюдайте за следующими 10 записями, чтобы найти, что с ними не так.