Question

我想隐藏搜索用户界面，但是当我这样做时，基于api的行选择失败。如果启用搜索，则工作正常。当我阅读文档时，我以为我禁用了UI，但显然它是搜索功能。

我实际上有学校和学区的DataTables，并且只想在区域表上点击选择区域时显示特定区域的学校。用户还可以从学校表中选择一所学校

// DataTable Initialization for school table
dTable = $tblSchools.DataTable({
select: {
    style: 'single',
    items: 'row',
},
paging: false,
searching: true, // selecting rows only works when enabled - makes sense
info: false,
destroy: true
});

// snippet from event handler on 'select' event of district table
var dTable = $tblSchools.DataTable();
var district = '123'; // real code messier, console.log(district) shows it works

// district number is always column 1
// the next line is what fails (silently, no exception)
dTable.column(1).search(district, false, false).draw();

环境，jQuery 1.9.1，DataTables 1.10.12，选择插件1.2.0

是否有一些设置我忽略了隐藏搜索界面而没有完全禁用搜索功能。

如果我必须以不同的方式做到这一点，我们会感谢被指向一种简单的等效方式，允许我隐藏DataTables搜索用户界面，但是根据地区显示学校。

Answer 1

是否有一些设置我忽略了隐藏搜索UI而没有完全禁用搜索功能

是。从dom默认值

中删除f标记

dTable = $tblSchools.DataTable({
  dom: 'lrtip',
  ...
})

现在过滤器输入/＆＃34;搜索UI＆＃34;已被删除，但您仍然可以按代码执行搜索。

除非搜索UI可见，否则从DataTables中选择行将失败

1 个答案: