为什么搜索框在 Jquery Datatables 中默认不工作?
Why is the search box not working by default in Jquery Datatables?
我在搜索框中输入内容是为了缩小搜索结果范围。当我打字时,屏幕闪烁,好像它在试图缩小结果范围,但结果没有改变。
<script>
$(document).ready(function () {
var table = $('#activeProjects').dataTable({
"processing": true,
"serverSide": true,
"ajax": {
"url": "../api/Project/GetAll/",
"dataSrc": ""
},
"columns": [
{ "data": "ProjectName" },
{ "data": "ProjectNumber" },
{ "data": "ProjectManager" },
{ "data": "ProjectArchitect" }
]
});
});
</script>
我从服务器取回了数据列表,但无法搜索?
当使用服务器端数据时,DataTables 不会抓取所有数据并在客户端对其进行过滤,而是依靠服务器进行所有处理并仅发送将要显示给用户的部分。
您必须在服务器端脚本中执行搜索,在本例中 ../api/Project/GetAll/
。
DataTables sends a few parameters返回服务器。查找参数 search[value]
和 columns[i][searchable]
并相应地过滤数据。
我在搜索框中输入内容是为了缩小搜索结果范围。当我打字时,屏幕闪烁,好像它在试图缩小结果范围,但结果没有改变。
<script>
$(document).ready(function () {
var table = $('#activeProjects').dataTable({
"processing": true,
"serverSide": true,
"ajax": {
"url": "../api/Project/GetAll/",
"dataSrc": ""
},
"columns": [
{ "data": "ProjectName" },
{ "data": "ProjectNumber" },
{ "data": "ProjectManager" },
{ "data": "ProjectArchitect" }
]
});
});
</script>
我从服务器取回了数据列表,但无法搜索?
当使用服务器端数据时,DataTables 不会抓取所有数据并在客户端对其进行过滤,而是依靠服务器进行所有处理并仅发送将要显示给用户的部分。
您必须在服务器端脚本中执行搜索,在本例中 ../api/Project/GetAll/
。
DataTables sends a few parameters返回服务器。查找参数 search[value]
和 columns[i][searchable]
并相应地过滤数据。