Datatable rejtett sor, Bootstrap modalban

Datatable rejtett sor, Bootstrap modalban
2015-04-28T11:49:59+02:00
2015-04-28T16:25:18+02:00
2022-12-02T11:10:39+01:00
kidi
Sziasztok!

Van nekem egy DataTable-ből megnyíló modal-on belüli DataTable-öm, rejtett sorokkal. Konkrétan erre gondolok: DataTables example - Row details
Az egész úgy néz ki, hogy a táblázatban van egy gomb, ami megnyitja a modal-t. A benne levő táblázat pedig megjelenik, a rejtett sorokkal. Először amikor megnyitom, működik, viszont másodjára amikor bármelyik modal-ban lévő táblázatban meg szeretném nézni a sort, kapok egy szép hibát:

Uncaught TypeError: Cannot read property 'json_data4' of undefined
A probléma csak az, hogy nem értem, másodjára miert nem látja az adatot, amit json formában kap meg...

Valaki tudna segíteni?

<script type="text/javascript" language="javascript" > $(document).ready(function() { function kesz_plus_data (data) { return '<p><b>Lezárás dátuma:</b> '+data.json_data4+'</p>'; }; $('#munkalap_modal').on('shown.bs.modal', function (e){ var u_id = e.relatedTarget.id; var munkatable = $('#munkalap').DataTable( { "columns": [ { "className": 'details-control', "orderable": false, "data": null, "defaultContent": '' }, { "data": "json_data1" }, { "data": "json_data2" }, { "data": "json_data3" } ], "bProcessing": true, "serverSide": true, "destroy": true, "ajax":{ url :"munkalap_table.php?UID="+u_id, // json datasource type: "post", // method , by default get data: "UID="+u_id, } }); $('#munkalap tbody').on('click', 'td.details-control', function (){ var tr = $(this).closest('tr'); var row = munkatable.row( tr ); if ( row.child.isShown() ) { row.child.hide(); tr.removeClass('shown'); } else { row.child( kesz_plus_data(row.data()) ).show(); tr.addClass('shown'); } }); }); }); </script>
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd