Добавить данные в Dataatable, когда флажок установлен с помощью Json в MVC - PullRequest
0 голосов
/ 18 января 2019

Я хочу добавить данные в таблицу данных, когда установлен флажок первой таблицы. в тот момент, когда я нажал checkbox1 в первой таблице, данные были добавлены во вторую таблицу, но моя проблема заключается в том, что когда я выбрал checkbox2, во второй таблице были обновлены данные, в которых были показаны данные, относящиеся к значению checkbox2. Я хочу, чтобы в таблице отображались данные из обоих флажков, как показано на рисунке ниже. спасибо

enter image description here

Datatable1

 $(document).ready(function () {
      var table = $('#tblBulckTicket').DataTable({
        "pageLength": 5
       });
    });

Datatable2

   // call child ticket
$("#tblBulckTicket").on('change', "input[type='checkbox']", function (e) {
    tchildticket();

 });        


 //Child ticket
    var enabletemplateListVM;
    function tchildticket() {
        var pticket = $('#tblBulckTicket').find('input[type=checkbox]:checked').val();
        enabletemplateListVM = {
            dt: null,
            init: function () {
                dt = $('#childtable').DataTable({
                    "pageLength": 10,
                    "serverSide": false,
                    "destroy": true,
                    "ordering": true,
                    "searching": false,
                    "LengthChange": false,
                    "Filter": false,
                    "paging": true,
                    "language": {
                        processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span> '
                    },
                    "order": [[0, "desc"]],
                    "ajax": {
                        @*"url": "/Home/GetChildTickets1?id="+@ViewBag.id,*@
                        "url": "/Db/GetChildTickets?id="+pticket,
                        "type": "POST",
                        "datatype": "json",
                        "dataSrc": function (d) {
                            return d
                        }
                    },

                    "columns": [

                        {
                            "target":"0",
                            "data": "Id",
                            //"autoWidth": true,
                            "render": function (data, type, full) {
                                if (type === 'display') {
                                    var attrDisabled = '';

                                    // If ticket is closed
                                    if (full['CurrentStatus'] === 'Closed') {
                                        // Disable the checkbox
                                        attrDisabled = 'disabled';
                                    }
                                    data = '<input type="checkbox" id="cticket" name="cticket" value="' + full.Id + '" ' + attrDisabled + '/>';
                                }
                                return data;
                            }
                        },
                        {
                            "title": "Ticket Id", "data": "Id", "name": "Id", "autoWidth": true,
                            "render": function (data, type, row, meta) {
                                if (type === 'display') {
                                    data = '<a class="pull-left btn btn-primary btn-xs" href="/Home/Ticket/?id=' + data + '"> <i class="fas fa-hashtag"></i>' + data + ' </a > ';
                                }
                                return data;
                            }
                        },
                        {
                            "title": "Logged On", "data": "CreatedOn", "name": "CreatedOn",
                            render: function (data, type, full, meta) {
                                if (data !== null) {
                                    return (moment(data).format("DD/MM/YYYY"));
                                } else {
                                    return '';
                                }
                            }
                        },
                        { "title": "Ticket Type", "data": "TypeofWork", "name": "TypeofWork" },
                        { "title": "Subject", "data": "Subject", "name": "Subject" },
                        { "title": "Contact", "data": "ContactId", "name": "ContactId" },
                        { "title": "Status ", "data": "CurrentStatus", "name": "CurrentStatus" },
                        { "title": "Team", "data": "Teamid", "name": "Teamid" },
                    ],

                });
            }
        }
        enabletemplateListVM.init();
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...