Javascript 数据表过滤器下拉菜单
我想使用这一行Javascript 数据表过滤器下拉菜单,javascript,jquery,datatable,datatables,yadcf,Javascript,Jquery,Datatable,Datatables,Yadcf,我想使用这一行数据筛选数据表:[“已接受”、“已交付”、“待处理”、“取消”],筛选\u默认值\u标签:“选择状态”,但要筛选的数据已经在下拉菜单中[在此处输入图像描述][1]如图中所示,下拉菜单show pending(显示挂起)因此,如果有其他单词,如cancel OK(取消),我想筛选表中显示挂起而非取消的所有行,因此基本上您的列应该使用自定义函数,请参阅下面的完整列设置: { column_number : 2, data: ["Accepted", "Deli
数据筛选数据表:[“已接受”、“已交付”、“待处理”、“取消”],筛选\u默认值\u标签:“选择状态”
,但要筛选的数据已经在下拉菜单中[在此处输入图像描述][1]如图中所示,下拉菜单show pending(显示挂起)因此,如果有其他单词,如cancel OK(取消),我想筛选表中显示挂起而非取消的所有行,因此基本上您的列应该使用自定义函数,请参阅下面的完整列设置:
{
column_number : 2,
data: ["Accepted", "Delivered", "Pending", "Cancel"], filter_default_label: "Select Status",
filter_type: 'custom_func',
custom_func: myCustomFilterFunction
},
其中myCustomFilterFunction应该如下所示:
function myCustomFilterFunction(filterVal, columnVal) {
var found;
if (columnVal === '') {
return true;
}
if ($(columnVal).val() === filterVal) {
return true;
}
return false;
}
但为了使其正常工作,您必须在每次更改后更新每个select(其html/datatbles数据),否则旧值将保留为表中的选定值,yadcf将无法告知其更新后的值
如果选择取消,你是说你仍然需要显示挂起而不是取消吗?比如,如果我有一些行显示挂起而其他行显示取消而其他行显示接受,当我筛选时,我只想显示有取消而不是其他行的行rows@HusseinZaki是否要根据不同行下拉列表中的选定值筛选特定列?使用自定义筛选器(带有自定义筛选功能)可能会实现这一点。请提供一个JSFIDLE测试页面,以便能够调试…@Daniel这里是codepencheck中的代码,尝试筛选接受的值,您将看到两行,在本例中,我在表格html中设置了selected,而在*real life8中,您必须在每次选择更改后添加更新datatables model/html的代码,以便yadcf过滤器知道更新的数据,这正是我要做的,当我在表格中更改为取消而不返回html并添加选定项时,我想做相同的工作,你能在这方面帮我吗?我不知道你的意思,但如果表中的数据不同步,你可以进行筛选/updated@Dainel您是否可以添加在每次选择更改后更新datatables model/html的代码,以便yadcf筛选器知道更新的数据please@Dainel我的意思是我想知道我何时在表中,而不在表中添加所选内容html当点击选项,让我们说它是取消,它将被添加到它的选择,所以当我过滤取消值,我会说只有取消,你能在这方面帮助我吗