Таблицы данных - вызов вызова столбца дважды

Question

Я очень новичок в плагине Datatables, и я использую его для моего небольшого проекта. У меня есть следующая проблема: + Я хочу создать таблицу, и каждая строка имеет ссылку, чтобы всплывать модальный для редактирования. В настоящее время моей реализации DataTables следующим образом:

$(document).ready(function() { 
    $('#dtTable').DataTable({ 
     serverSide: false, 
     processing: true, 
     deferRender: true, 
     ajax: { 
      type: 'POST', 
      url: '@Url.Action("GetClasses", "CLASSes")', 
      dataSrc: "" 
     }, 
     columns: [ 
       { data: 'CLASSID' }, 
       { data: 'CLASSCODE' }, 
       { data: 'CLASSNAME' }, 
       { 
        orderable: false, 
        searchable: false, 
        render: function (data, type, full, meta) { 
         debugger; 
         var data = full.CLASSID; 
         return '<a href="callModal()">Action</a>'; 
        } 
       } 
     ] 
    }); 
}) 

Проблема заключается в том, что когда-либо я нажимаю на действии ссылки модального появится, а потом исчезает мгновенно, поместите отладчик в секции вынести это, казалось, что этот раздел вызов дважды и я не знаю почему? Так что, пожалуйста, помогите мне в этом, каждая строка имеет ссылку на всплывающее окно и при нажатии на него. Спасибо вам, ребята, очень

Answer 1

JQuery DataTables плагин действительно вызывает render несколько раз: для обнаружения типа данных, отображения, сортировка и т.д.

Используйте следующий код для создания контента для отображения только:

render: function (data, type, full, meta) { 
    if(type === 'display'){ 
     data = '<a href="callModal()">Action</a>'; 
    } 

    return data; 
} 

Что касается модальных диалогов, то, скорее всего, в вашем коде возникает проблема, из-за которой модальное диалоговое окно исчезает.