Chodzi mi o to ze mam do przerobienia stronke ktora wyswietla liste projektow. Problem jest taki ze szablon wyswietla liste z pliku JSON.
Moglbym zrobic aby pobierac za kazdym razem pobierac na nowa cala baze do pliku. Ale to zabierze duza moc procesorofi serwera i moze pierdyknac. Wiec chcialbym to jakos uproscic. Jak przerobic moj skrypt i Polaczyc PHPi Java script tak aby przeniesc wyniki z zapytania mysql DO pliku JSON? Albo od razu array? Tak aby nie bawic sie w konwertowanie i takie inne. ktos mi to ladnie wytlusci?
<script type="text/javascript"> $(document).ready(function() { /* Formatting function for row details - modify as you need */ function format ( d ) { // `d` is the original data object for the row return '<table cellpadding="5" cellspacing="0" border="0" class="table table-hover table-condensed">'+ '<tr>'+ '<td style="width:100px">Project Title:</td>'+ '<td>'+d.name+'</td>'+ '</tr>'+ '<tr>'+ '<td>Deadline:</td>'+ '<td>'+d.ends+'</td>'+ '</tr>'+ '<tr>'+ '<td>Extra info:</td>'+ '<td>And any further details here (images etc)...</td>'+ '</tr>'+ '<tr>'+ '<td>Comments:</td>'+ '<td>'+d.comments+'</td>'+ '</tr>'+ '<tr>'+ '<td>Action:</td>'+ '<td>'+d.action+'</td>'+ '</tr>'+ '</table>'; } // clears the variable if left blank var table = $('#example').DataTable( { "sDom": "<'dt-toolbar'<'col-xs-12 col-sm-6'f><'col-sm-6 col-xs-12 hidden-xs'l>r>"+ "t"+ "<'dt-toolbar-footer'<'col-sm-6 col-xs-12 hidden-xs'i><'col-xs-12 col-sm-6'p>>", "ajax": "data/dataList.json", "bDestroy": true, "iDisplayLength": 15, "oLanguage": { "sSearch": '<span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>' }, "columns": [ { "class": 'details-control', "orderable": false, "data": null, "defaultContent": '' }, { "data": "name" }, { "data": "est" }, { "data": "contacts" }, { "data": "status" }, { "data": "target-actual" }, { "data": "starts" }, { "data": "ends" }, { "data": "tracker" }, ], "order": [[1, 'asc']], "fnDrawCallback": function( oSettings ) { runAllCharts() } } ); // Add event listener for opening and closing details $('#example tbody').on('click', 'td.details-control', function () { var tr = $(this).closest('tr'); var row = table.row( tr ); if ( row.child.isShown() ) { // This row is already open - close it row.child.hide(); tr.removeClass('shown'); } else { // Open this row row.child( format(row.data()) ).show(); tr.addClass('shown'); } }); }) </script>