Как изменить данные строки Datatables при выборе опции в выпадающем списке внутри столбца? - PullRequest
0 голосов
/ 01 февраля 2019

Я заполняю Datatables через ajax-запрос (не serverSide) и добавляю выпадающий столбец на основе свойства перед рендерингом таблицы.Имя столбца - ContactType.Я могу изменить параметры выпадающего списка в столбце ContactType без проблем.Но когда я хочу получить данные в формате JSON с myTableObject.rows (). Data ();Команда, я вижу, выходные данные не были обновлены.Данные столбца ContactType остаются прежними.Как мне это сделать?

Я инициализирую таблицу вот так;

var myTableObject=
$("#dataTable").DataTable({
    columns: [
        { data: "ContactType", title: "Contact Type" },            
        { data: "Email1", title: "E-Posta 1" },
        { data: "Email2", title: "E-Posta 2" },
        { data: "Telno1", title: "Telefon 1" },
        { data: "Telno2", title: "Telefon 2" },
        { data: "Fax", title: "Fax No" }
    ],
    lengthMenu: [5, 10, 25, 50, 100],
    pageLength: 10,
    order: [
        [1, "desc"]
    ],
    columnDefs:
    [
        {
            targets: 0,
            width: "150px",
            render: function(e, a, t, n) {
                return '<select id="selectOption" class="form-control m-input" style="width:140px;">\r\n    <option data-val="0">Yapılmayacak</option>\r\n   <option data-val="1">E-Mail</option>\r\n    <option data-val="2">SMS</option>\r\n    <option data-val="3">Fax</option>   \r\n</select>';
            }
        }
    ],

    ordering: false,        
    searching: true,
    scrollY: "50vh",
    scrollX: true,
    scrollCollapse: true,
});

И наполняю вот так;

$('#myButton').click(function() {
        $('body').addClass('m-page--loading');
        $.ajax({
            url: "/home/GetData/",
            type: "post",
            data: {
                "tarih": $('#datepicker').val(),
                "dbName": $('#firmalistesi').find(":selected").data('dbname'),
                "firmaNo": $('#firmalistesi').find(":selected").data('firmano')
            }
        }).done(function(result) {
            myTableObject.clear().draw();
            myTableObject.rows.add(result).draw();              
            $('body').removeClass('m-page--loading');
        }).fail(function(jqXHR, textStatus, errorThrown) {
            $('body').removeClass('m-page--loading');
        });
    });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...