使用yadcf select2和dataTables

时间:2018-10-12 18:09:16

标签: datatables jquery-select2 yadcf

我已经成功使用dataTables + yacdf + select2组合了一段时间了。现在,我正在将select2转换为也可以选择optgroup的有序缩进下拉列表(https://select2.org/options,“分层选项”,Selectable optgroups in Select2)。

但是,对于yacdf来说,我似乎无法将数据传递给以下类似的分层格式的select2:

var data = [

{ 
  "text": "Group 1", 
  "children" : [
    {
        "id": 1,
        "text": "Option 1.1"
    },
    {
        "id": 2,
        "text": "Option 1.2"
    }
  ]
},
{ 
  "text": "Group 2", 
  "children" : [
    {
        "id": 3,
        "text": "Option 2.1"
    },
    {
        "id": 4,
        "text": "Option 2.2"
    }
  ]
}];

以前的工作代码是:

.yadcf([{column_number: 1, filter_type: "multi_select", select_type: 'select2', filter_container_id: "someFilter2", filter_default_label: "Select xxx", filter_reset_button_text: false, style_class: "form-control", 
        select_type_options: {
            multiple: 'multiple',
            width: '100%',
            placeholder: 'something',
            },

        data: [<comma separated list of values>]

yacdf源代码指出:

    Required:           false
    Type:               Array (of string or objects)
    Description:        When the need of predefined data for filter is needed just use an array of strings ["value1","value2"....] (supported in select / multi_select / auto_complete filters) or array of objects [{value: 'Some Data 1', label: 'One'}, {value: 'Some Data 3', label: 'Three'}] (supported in select / multi_select filters)

注意:当filter_type为custom_func / multi_select_custom_func时,此数组将填充自定义过滤器选择元素 “

真的不可能吗? 如果没有人设法嵌套,则下拉过滤器将以其他方式与dataTables配合使用?

1 个答案:

答案 0 :(得分:0)

您应该使用data_as_is: trueread docs for more info

  
      
  • data_as_is               必填:false               类型:布尔值               默认值:false               说明:设置为true时,data属性的值将按原样(不进行任何修改/修饰)输入到过滤器中。                                   当您想为过滤器定义自己的过滤器时非常适合使用               注意:select / multi_select过滤器目前支持
  •