Контент моего контроллера:
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class AutoLoadDiv extends CI_Controller {
public function __construct()
{
parent::__construct();
}
public function index()
{
$this->load->view('ngoding/AutoLoad');
}
public function getData() {
$this->load->library('table');
$err = file_get_contents("application\logs\log.php");
$filestr = preg_replace(array('/(^|\R)ERROR\s*-\s*/', '/(^|\R)(.*?)\s*-->\s*/'), array('$1', '$1$2 '), $err);
$arraySpacing = nl2br($filestr);
$arr = explode("\n", $arraySpacing);
$output = '<style> th, td {text-align: left; padding: 10px;} tr:nth-child(even){background-color#FFF;} tr:nth-child(odd){background-color:#CCC;} </style>';
$output .= '<table border="1px solid #dddddd;" >';
$output .= '<tr><th>Date</th><tr>';
for ($i = count($arr)-1; $i >= 0; $i--) {
$output.="<tr><td>$arr[$i]</td></tr>";
}
$output.="</table>";
echo $output;
}
}
Здесь представление кода после попытки реализации Datatables, но не работает
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js">
<script>
$(document).ready(function(){
setInterval(function(){
$("#table").load('AutoLoadDiv/getData')
}, 5000);
});
</script>
<style>
</style>
<title>Auto Load Page in Div using Jquery</title>
</head>
<body>
<h1>Auto Load Page in Div</h1>
<div id="content">Please wait....</div>
<div class="container">
<table id="table" class="display" cellspacing="0" width="100%">
<tr>
<th>Date</th>
</tr>
</table>
</div>
<script type="text/javascript">
var table;
table = $(document).ready(function() {
//datatables
table = $('#table').DataTable({
"processing": true,
"serverSide": true,
"order": [],
"ajax": {
"url": "<?php echo site_url('AutoLoadDiv/getData')?>",
"type": "POST"
},
"columnDefs": [
{
"targets": [ 0 ],
"orderable": false,
},
],
});
});
</script>
</body>
</html>
После того, как я реализовал Datatables, представление результатов выглядит так:
https://ibb.co/keTQYe
У меня проблема с реализацией моего кода, чтобы сделать меню от выпадающего меню до восходящего и нисходящего, как в следующем примере: https://ibb.co/chO2Bz, Я хочу использовать html asc и dsc в контроллере, а не вПосмотрите, если я щелкну это меню, сортировка по возрастанию, если щелкнуть это меню снова, сортировка по убыванию?