将标签放入 jquery table 的可点击标签过滤器 - yadcf

Question

我看到了数据tables 的这个过滤 yadcf 演示：Live Demo
您可以按标签过滤 table，但不能单击 Tag1 或 Tag2 来使用它们，例如过滤 table 结果和 return 只有具有 Tag1 或 Tag2。是否可以在 table 中使用标签，就像可点击的标签过滤器模式一样？

jquery.datatables.yadcf.js 中的哪个代码必须 edit/add?

在上面的演示中，这是代码的一部分。如何在 column_number: 4 或标记列中实现我的功能请求？

    $(document).ready(function () {
    'use strict';

    //----------------------------------------------
    // this is the code for column tag
    //----------------------------------------------

    oTable = $('#example').dataTable({
        "bJQueryUI": true,
        "bStateSave": true
    }).yadcf([{

     ......
     ......

       {
        column_number: 4,
        select_type: 'select2',
        select_type_options: {
            width: '150px'
            placeholder: 'Select tag',
            allowClear: true  // show 'x' (remove) next to selection inside the select itself
        },
        column_data_type: "html",
        html_data_type: "text",
        filter_reset_button_text: false // hide yadcf reset button
    }]);

    SyntaxHighlighter.all();

必须编辑哪些参数？

column_number
filter_type
custom_func
data
column_data_type
text_data_delimiter
html_data_type
filter_container_id
filter_default_label
filter_reset_button_text
enable_auto_complete
sort_as
sort_order
date_format
ignore_char
filter_match_mode
select_type
select_type_options
case_insensitive
filter_delay

Answer 1

可以通过以下方式实现

1) 在页面准备就绪时调用此代码（请注意，您的选择器可能会有所不同）

$('#example').on('click',".label.lightblue", function () {
  yadcf.exFilterColumn(oTable, [[4, $(this).text()]]);
});

2) 将 onclick 事件附加到您的 "tags" ，像这样 onclick="yadcf.exFilterColumn(oTable, [[4, 'Tag1']]);"

将标签放入 jquery table 的可点击标签过滤器 - yadcf

do tags into clickable tags filters for jquery table - yadcf

javascript

jquery

datatable

yadcf