Я хочу добавить данные в таблицу данных, когда установлен флажок первой таблицы. в тот момент, когда я нажал checkbox1 в первой таблице, данные были добавлены во вторую таблицу, но моя проблема заключается в том, что когда я выбрал checkbox2, во второй таблице были обновлены данные, в которых были показаны данные, относящиеся к значению checkbox2. Я хочу, чтобы в таблице отображались данные из обоих флажков, как показано на рисунке ниже. спасибо
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();