我有一个使用 DataTables 的用户表,它将包含 200 多行。当我将 DataTables 用于默认 "pageLength": 10
时,它看起来很好,这是表格示例。
Username | Type | Request |
user01 1 request01
user02 1 request02
user03 2 request03
user04 1 request04
user05 1 request05
user06 1 request06
user07 1 request07
user08 1 request08
user09 1 request09
user10 1 request10
显示 200 个条目中的第 1 到 10 个
第一个上一个12 kbd>3...20下一个最后一个
因此,为了减少加载时间,我决定使用 "processing": true
和 "serverSide": true
。然后我遇到了这个 "serverSide": true
的问题,它在表中打印了 200 行数据。
显示 0 到 0 个条目(从 NaN 总条目中过滤)
。然后分页仍然打印,在我单击页面 2 后,它什么也没做。
我不想 DataTables 第一次获取 10 条数据,点击分页 2 后,它会再获取 10 条数据,依此类推。
我正在使用 CodeIgniter,这是我的代码:
在我的 Views + Js 上:
<select name="task" id="task">
<option value="1">Task 1</option>
<option value="2">Task 2</option>
</select>
<table id="user-request" class="table">
<thead>
<tr>
<th>Username</th>
<th>Type</th>
<th>Request</th>
</tr>
</thead>
</table>
<script>
... on task change ...
... var task = $("#task").val(); ...
$('#user-request').DataTable({
'processing': true,
'serverSide': true,
'ajax': {
'type': 'POST',
'url': base_url+'user/get_user_request',
'data': {"task":task,"csrf_token":$("input[name=csrf_token]").val()}
}
})
</script>
注意:任务是不同的组,例如 Class 1 或 Class 2,Orchard University 或 Harvard University
在我的 Controller 上:
$task = $this->input->post('task', TRUE);
$user_request = $this->model->all_user_request(task);
foreach ($user_request as $ur)
{
$arr = array();
$arr[] = $ur->username;
$arr[] = $ur->type;
$arr[] = $ur->request;
$data[] = $arr;
}
$output = array(
"data" => $data
);
if (COUNT($output) > 0)
{
echo json_encode($output);
}
在我的模型上:
public function all_user_request($task_id) {
$query = "SELECT * FROM user_request WHERE task_id = ?";
return $this->db->query($query, $task_id)->result();
}
注意 :在模型中实际上使用了2个INNER JOIN
,我只是简化了选择,只是为了在这里询问。 (这里只转反规范化表)。
我试图在我的 Controller 中添加 draw
、recordsTotal
、recordsFiltered
到 $output
,只是使用数字数据。示例
$output = array(
"draw" => 5,
"recordsTotal" => 5,
"recordsFiltered" => 5,
"data" => $data
);
if (COUNT($output) > 0)
{
echo json_encode($output);
}
我一直在寻找答案,但我认为问题就在这里,但我仍然不知道我必须在哪里获取 draw
- recordsTotal
- recordsFiltered
数据。我在其他人的另一个答案上看到,他们使用 "draw"=> $_POST['draw']
,然后我试了一下,它什么也没做。
所以我正在尝试使用数字数据,但结果仍然相同。我需要一些帮助。它仍然在表中打印 200 行数据。
显示 0 到 0 个条目(从 NaN 总条目中过滤)
。然后分页仍然打印,在我单击页面 2 后,它什么也没做。
最佳答案
Datatables 发送你需要的一切——如果你在网络下查看你的控制台,你会看到,它们使用 ajax-get 方法将这些请求发送到服务器
GET
参数如下
draw
columns
start
length
search
You can find the entire list here
这意味着 - 你必须适本地调整你的模型......
类似的东西应该可以工作
public function all_user_request($task_id)
{
$intStart = intval($this->input->get("start"));
$intLength = intval($this->input->get("length"));
$strSearch = (strlen($this->input->get("search")["value"]) >= 2) ? $this->input->get("search",true)["value"] : false;
$order = $this->input->get("order",true);
$this->setQuery($task_id,$strSearch);
$query = $this->db->get();
$this->recordsTotal = $query->num_rows();
$this->setQuery($task_id, $strSearch);
if ($intStart >= 0 && $intLength > 0)
{
$this->db->limit($intLength,$intStart);
}
$strOrderField = 'username';
$strDirection = "ASC";
if (is_array($order))
{
switch($order[0]['column'])
{
case 1:
$strOrderField = 'type';
break;
case 2:
$strOrderField = 'request';
break;
}
if (!empty($order[0]['dir'])) $strDirection = $order[0]['dir'];
}
$this->db->order_by($strOrderField,$strDirection);
$query = $this->db->get();
$arrData = $query->result();
return $arrData;
}
public function getRecordsTotal()
{
return $this->recordsTotal;
}
private function setQuery($task_id, $strSearch="")
{
$this->db
->select('*')
->from('user_request')
->where('task_id', $task_id);
if (!empty($strSearch))
{
$this->db->like('task_id', $strSearch);
}
}
和你的 Controller
//controller
$task = $this->input->post('task', TRUE);
$user_request = $this->model->all_user_request($task);
$data = [];
foreach ($user_request as $ur)
{
$data[] = [
$ur->username,
$ur->type,
$ur->request
];
}
$arrCompiledData = [
'data' => $data,
'draw' => $this->input->get('draw'),
'recordsTotal' => $this->model->getRecordsTotal(),
'recordsFiltered' => $this->model->getRecordsTotal(),
];
$this->output
->set_content_type('application/json')
->set_output(json_encode($arrCompiledData));
请记住,我刚刚写下了这个 - 可能有一些拼写错误,但你应该能够理解数据表请求的服务器端处理应该如何工作。
关于php - 使用服务器端 : true 后,带有 Ajax 的 DataTable 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47885399/