【问题标题】:yadcf not searching the Value with render Columsyadcf 不使用渲染列搜索值
【发布时间】:2023-04-08 21:25:01
【问题描述】:

我正在使用带有数据表的 yadcf

javaScript:代码

 $(document).ready(function () {
            $.ajax({
            url: 'data.asmx/getData',
            method: 'post',
            dataType: 'json',
            success: function (data) {
                $("#tableDiv").show();
                var t = $('#studentDataTable').DataTable({
                    data: data,                        
                    'columns': [
                     { 
                       data: null 
                       render: function (data, type, row)
                       {
                          return data['fname']+' '+data['mname']+' '+ data['lname'];
                       }  
                     },
                    ],
                });
                yadcf.init(t,
                [
                   {
                       column_number: 0,
                       filter_type: "auto_complete",
                   }
                   'footer',
                {
                    cumulative_filtering: true,
                }
            );
            t.draw();
            }
        });
    });

但是当我在文本框中键入任何数据时,它不会搜索它。
我也尝试了选择过滤类型,但它也不起作用,选择框除了默认标签外保持空白。
有谁知道问题出在哪里?

【问题讨论】:

    标签: datatables yadcf


    【解决方案1】:

    获取0.9.0.beta.12 并使用column_data_type: rendered_html 作为过滤器,see docs

    {
        column_number: 0,
        column_data_type: rendered_html,
        filter_type: "auto_complete",
    }
    

    至于您的范围滑块 - 应使用以下设置(注意 ignore_char / filter_plugin_options

    {
        column_number: 2,
        filter_type: "range_number_slider",
        ignore_char: "%",
        filter_plugin_options: {step:0.01}
    }
    

    working jsfiddle

    如果这没有帮助,请提供一个 jsbin 示例来解决您的问题

    【讨论】:

    • 在浏览器控制台中显示Uncaught Error: Syntax error, unrecognized expression: Ms. Rithu Rabin Dhanki
    • 哦...非常感谢您,先生,您成就了我的一天。自动完成先生有什么问题?
    • 先生,还有一个问题,我们可以将滑块默认设置在 0 到 100 的范围内吗?并据此过滤数据。
    • 自动完成没有问题,只是 yadcf 中关于 render_html 的固定问题,至于 0...100 只需使用 data: [0, 100],
    • 先生,我认为一个小问题是当我们使用scrollX: true, 时,滑块上的数字没有变化。 jsfiddel
    猜你喜欢
    • 1970-01-01
    • 2020-04-26
    • 1970-01-01
    • 1970-01-01
    • 2011-06-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多