yadcf:使用initMultipleColumns在多个列中搜索不起作用
yadcf是Yet Another DataTables Column Filter的缩写，是一个用于在DataTable中添加多个列过滤器的jQuery插件。它提供了多个过滤器选项，包括文本输入、下拉列表、范围选择器等，可以帮助用户在数据表中进行高级搜索和筛选。
在使用initMultipleColumns时无法搜索多个列的问题可能是因为使用不正确导致的。initMultipleColumns用于初始化多个列的过滤器。要确保以下几点：
- 确保已正确引入yadcf的相关文件，包括CSS和JavaScript文件。
- 在HTML中为DataTable的每一列添加相应的CSS类名。
- 在JavaScript代码中使用initMultipleColumns方法来初始化过滤器，并将列的CSS类名作为参数传递给该方法。
以下是一个示例代码，展示如何正确使用yadcf的initMultipleColumns来在多个列中搜索：
<!DOCTYPE html>
<html>
<head>
<title>DataTable with yadcf</title>
<link rel="stylesheet" type="text/css" href="path/to/yadcf.css">
</head>
<body>
<table id="myTable">
<thead>
<tr>
<th class="filter">
Column 1
</th>
<th class="filter">
Column 2
</th>
</tr>
</thead>
<tbody>
<!-- table content -->
</tbody>
</table>
<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.dataTables.min.js"></script>
<script src="path/to/jquery.dataTables.yadcf.js"></script>
<script>
$(document).ready(function() {
// 初始化 DataTable
var table = $('#myTable').DataTable();
// 使用 initMultipleColumns 初始化过滤器
yadcf.init(table, [
{ column_number: 0, filter_container_id: 'filter_column1', filter_type: 'text' },
{ column_number: 1, filter_container_id: 'filter_column2', filter_type: 'text' }
]);
});
</script>
</body>
</html>在上述示例中，首先引入了yadcf的相关文件，然后在表格的列th元素中添加了"filter"类名。在JavaScript代码中，通过传递包含列号、过滤器容器ID和过滤器类型的对象数组给initMultipleColumns方法，来初始化多个列的过滤器。
此外，推荐腾讯云的云服务器（https://cloud.tencent.com/product/cvm）作为一个可靠的云计算解决方案，它提供了可扩展、高性能和灵活的虚拟服务器。腾讯云还提供了丰富的其他云计算产品和服务，可以根据具体需求选择适合的产品。
相关·内容
我想实现一个搜索字段，它的功能类似于Datatables的搜索字段，因此它可以在多个列中进行搜索。我希望能够搜索"Ramos“或"Software”并得到结果，但目前我只能搜索"Ra“并得到结果，因为这个值在这两列中都有。$(document).ready( function () {
浏览 45提问于2020-07-29得票数 0
回答已采纳
当搜索文本框位于页脚位置时，我遇到问题。将filters_position：'footer‘设置为yadcf时，搜索框不起作用。当设置被删除时，文本搜索框执行那里的操作。还有什么我需要做的吗？设置scrollX:设置为false，我现在可以在列中使用进行搜索。我希望这是真的。filter_default_label: "",
filter_type
浏览 11提问于2018-02-28得票数 1
回答已采纳
1回答
在使用AngularJS时，我有一个DataTable()在serverSide模式下工作，使用YADCF过滤器。现在我需要在表外添加一些按钮来过滤DataTable.self.location = '#/logout'; }});
table.columns(
浏览 5提问于2015-01-06得票数 1
回答已采纳
我使用的是jQuery datatable 1.10.16和jquery.dataTables.yadcf.js 0.9.1。下面是我的数据表功能，
列筛选器是，而不是所有列都需要的它是少数特定列所需的。所有的工作都很好，除了，在我做了一个列重新排序之后，<em
浏览 0提问于2018-02-13得票数 2
3回答
我在我的网站上使用数据和yadcf。一切都很好。在某些情况下，我希望预先筛选列。yadcf.init(oTable, [ { filter_default_label但当我加上：没有出现任何过滤器。at yadcfMatch
浏览 4提问于2017-08-28得票数 0
回答已采纳
我正在使用数据表的yadcf插件，它工作得很好，但问题是我有7列，2个有下拉过滤器，4个有输入搜索过滤器，但现在我只想修改4个列的搜索行为，这样当用户在搜索框中输入后按enter键时，它才能搜索。
浏览 16提问于2020-04-03得票数 0
回答已采纳
1回答
我有一个表(使用可数据的框架工作)，它包含在列标记中。option value="0" selected="">No answer</option> </select>当我使用yadcf列筛选器并尝试使用“是”作为此se
浏览 1提问于2016-12-29得票数 6
我使用的是yadcf版本0.8.8.beta.10。
我正在尝试从服务器获取筛选数据。但是，初始化表时，从dom获取select数据。如果单击filter按钮调用exFilterExternallyTriggered(表)或按下列排序按钮，选择筛选器中的数据将被更新为服务器提供的数据。从datatable init之后的图像中可以看到，它使用dom，但是在点击filter之后，它使用了我从服务器返回的值。因此，由于某种原因，在第一次从服务器加载数据时，
浏览 1提问于2015-03-18得票数 0
我正在看这个YADCF的例子：
问题.如果按下箭头键，如何防止提交搜索上下文？谢谢!
浏览 4提问于2015-12-23得票数 1
回答已采纳
嗨，我使用yadcf与数据，这允许我做多选择列过滤，这让我高兴。现在，我希望将选定的值显示在筛选器中，作为标记显示到单独的搜索栏中。如何在多选择列筛选器中获取选定的值？谢谢。
浏览 2提问于2017-04-27得票数 1
回答已采纳
是否有一种方法以编程方式获得yadcf中所有应用的筛选器的列表？类似于：另外，我还能走另一条路吗，也就是，yadcf.setState(myTable, state);
一个用例是，当用户更新过滤器时，我希望能够将筛选器信息存储在某个地方(例如URL)，这样用户就可以检索、共享它，而另一个用户可以在前面的用户看到的类似(如果不是相同的)状态<em
浏览 5提问于2015-04-21得票数 1
回答已采纳
在使用AngularJS时，我有一个DataTable()在serverSide模式下工作，使用YADCF过滤器。在处理multi_select时，是否可以使用select2过滤器(选择了ServerSide )？我可以手动介绍搜索的参数吗？在这种情况下，我想在第6列("estado")上使用那个过滤器，意思是进程的“状态”。self.location = '#/logout&
浏览 2提问于2015-01-07得票数 0
回答已采纳
1回答
am在Datatable中使用yadcf $(document).ready(function () { }, }); } t.draw();
浏览 12提问于2016-03-08得票数 1
回答已采纳
在JQuery UI中使用YADCF，并尝试包含以下函数: changeMonth: true，changeYear: true$( "#yourID").datepicker({ changeYear: true,我还尝试将"
浏览 3提问于2017-06-20得票数 0
回答已采纳
我正在使用yadcf过滤器插件，代码如下..。display: none;">fgd abc wew</span> </td> </tbody>这里，我想从yadcf的列过滤器中排除Id为"eg2“和"eg4”的span元素(隐藏)。但是，每当我从select2<em
浏览 0提问于2020-08-23得票数 3
回答已采纳
我正在尝试对我的一列使用自定义过滤器，并以编程方式进行过滤。我已经设法调用了自定义筛选器，但filterVal打印为空。代码如下：yadcf.exFilterColumn(theTable, [[4, "Value To Filter On"]]);
过滤器本身-我现在只是返回true来测试过滤器的实际调用
浏览 17提问于2018-02-09得票数 1
回答已采纳
根据标题，我有一个html表，我正在使用jQuery DataTables插件格式化它。我还使用YADCF插件来生成单独的列排序功能。我使用的是YADCFv0.8.7和jQuery 1.10.2的DataTables v1.10.7。我在html文件中包含了
浏览 2提问于2015-05-11得票数 0
我正在使用jQuery YADCF插件过滤出一列格式化为mm的日期。插件的工作原理非常出色，只是它只显示了日期上的精确匹配。我一直在尝试用DataTables手动完成这个任务，而且没有一个真正的工作或文档良好的jQuery DataTables版本，可以进行“大于等于”的日期搜索。是否有人用YADCF (或DataTables单人)成功地做到了这一点？
浏览 1提问于2016-03-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
