Anonymous
Не может заполнить модал, используя DataTable Row
Сообщение
Anonymous » 21 фев 2025, 10:17
Возможный кандидат на Downvotes, но в конце концов, и мне нужна помощь. Я пробовал все предложения, и, похоже, ни одно не работает. Я помещаю точки останова в сценарию и вижу, что строка данных передается правильно, этикетки назначаются значениями, но когда они открываются, они все пустые. < /p>
Код: Выделить всё
function bindDataTable() {
tblICS2 = $("#ics2Table").DataTable({
jQueryUI: true,
data: [],
dom: '',
orderCellsTop: true,
scrollY: 430,
scrollCollapse: true,
autoWidth: true,
paging: true,
"columns": [{
"data": "UPUBCD",
"render": function(data, type, row) {
cellContent = "[url=javascript:]" + data + "[/url]";
//cellContent = "[url=javascript:]" + data + "[/url]";
return cellContent;
}
}, {
data: "OUTCOME"
}, {}, {
data: "ID"
}],
pageLength: 50,
processing: true,
deferRender: true,
});
}
$('#ics2Table').on('click', '.rowDetail', function() {
let rowData = $('#ics2Table').DataTable().row($(this).closest('tr')).data();
showDetail(rowData);
});
function showDetail(rowData) {
upu = null == rowData.UPUBCD ? '' : rowData.UPUBCD;
outcome = null == rowData.OUTCOME ? '' : rowData.OUTCOME;
id = null == rowData.ID ? '' : rowData.ID;
$("#lblUPU").val(upu);
$("#lblOutcome").val(outcome);
$('#lbldetailModalTitle').text('Record detail ');
// If I remove data-modal and data-toggle from renderer, then I uncomment these 2 lines
//$('#detailModal').modal({ backdrop: 'static', keyboard: false });
//$('#detailModal').modal('show');
}< /code>
[h4]
[/h4]
×
UPU:
Outcome:
Close
Подробнее здесь:
https://stackoverflow.com/questions/794 ... atable-row
1740122261
Anonymous
Возможный кандидат на Downvotes, но в конце концов, и мне нужна помощь. Я пробовал все предложения, и, похоже, ни одно не работает. Я помещаю точки останова в сценарию и вижу, что строка данных передается правильно, этикетки назначаются значениями, но когда они открываются, они все пустые. < /p> [code]function bindDataTable() { tblICS2 = $("#ics2Table").DataTable({ jQueryUI: true, data: [], dom: '', orderCellsTop: true, scrollY: 430, scrollCollapse: true, autoWidth: true, paging: true, "columns": [{ "data": "UPUBCD", "render": function(data, type, row) { cellContent = "[url=javascript:]" + data + "[/url]"; //cellContent = "[url=javascript:]" + data + "[/url]"; return cellContent; } }, { data: "OUTCOME" }, {}, { data: "ID" }], pageLength: 50, processing: true, deferRender: true, }); } $('#ics2Table').on('click', '.rowDetail', function() { let rowData = $('#ics2Table').DataTable().row($(this).closest('tr')).data(); showDetail(rowData); }); function showDetail(rowData) { upu = null == rowData.UPUBCD ? '' : rowData.UPUBCD; outcome = null == rowData.OUTCOME ? '' : rowData.OUTCOME; id = null == rowData.ID ? '' : rowData.ID; $("#lblUPU").val(upu); $("#lblOutcome").val(outcome); $('#lbldetailModalTitle').text('Record detail '); // If I remove data-modal and data-toggle from renderer, then I uncomment these 2 lines //$('#detailModal').modal({ backdrop: 'static', keyboard: false }); //$('#detailModal').modal('show'); }< /code> [h4] [/h4] × UPU: Outcome: Close [/code] Подробнее здесь: [url]https://stackoverflow.com/questions/79456488/cant-populate-modal-using-datatable-row[/url]