将 onChange 与 yadcf 下拉选择一起使用

Question

我正在使用 yadcf (https://github.com/vedmack/yadcf) 对我的数据表项目进行一些累积过滤。

我想知道是否有办法在 yadcf 选择控件中捕获所选选项的值和索引。例如，如果用户在下拉列表中选择“yxz”，我想使用某种 onChange 事件来捕获所选选项的值和索引。

我的 yadcf 初始化是：

yadcf.init(table,
            [
                {
                    column_number : 2,
                    filter_container_id: 'headergroupFltr',
                    filter_type: 'select',
                    filter_default_label: "Select Head Group",
                    filter_reset_button_text: false,
                    select_type: 'select2',
                    style_class:"form-control"
                },
                {
                    column_number : 3,
                    filter_container_id: 'subgroupFltr',
                    filter_type: 'select',
                    filter_default_label: "Select Sub Group",
                    filter_reset_button_text: false,
                    select_type: 'select2',
                    style_class:"form-control"
                }],
            { cumulative_filtering: true ,
              filter_match_mode: "exact" }
        );

感谢您的帮助

Answer 1

您可以按如下方式捕获该值：

$('#_select').on('change', function () {
  console.log("changed");
  var selectedTypeIds = yadcf.exGetColumnFilterVal(logTable, 3);
  console.log("selected", selectedTypeIds);
});

Docs