【问题标题】:Tabulator persistentFilter not checking for headerFilterEmptyCheckTabulator persistentFilter 不检查 headerFilterEmptyCheck
【发布时间】:2019-10-28 21:46:37
【问题描述】:

使用制表符 4.4.3

正常过滤复选框时,一切正常 如果我在列上将过滤的复选框设置为 true,它会起作用:

  headerFilterEmptyCheck: function (value) {
       return !value;
     },

但是,使用 persistentFilter: true 并重新加载页面后,复选框过滤器将仅显示 true=true,在未选中时从不显示 false 或 null(仅返回 0 行)

我的列定义

{
     title: "do it?",
     field: "hasToDoIt",
     responsive: 0,
     formatter: "tickCross",
     formatterParams: {
       allowEmpty: true,
       allowTruthy: false,
       tickElement: "<i class='fa fa-check'></i>",
       crossElement: ""
     },
     headerFilter: "tickCross",
     headerFilterEmptyCheck: function (value) {
       return !value; //only filter when the value is true
     },
     sorter: "string",
     headerSortTristate: true,
     width: 80,
     align: 'center'
   },

表定义

new Tabulator("#" + config.Key, {
      index: "_id",
      reactiveData: true,
      persistenceMode: true,
      persistenceID: "accountsummary",
      persistentSort: true,
      persistentFilter: true,
      autoResize: true,
      layout: "fitColumns",
      responsiveLayout: true,
      virtualDomBuffer: 100,
      headerSortTristate: true, //enable tristate header sort for all columns
      data: this.state.Data,
      columns: this.state.Columns,
      groupBy: "Geo",
      groupToggleElement: "header",
      groupStartOpen: true,
      sortOrderReverse: true,
      initialSort: [{ column: "Geo", dir: "asc" }, { column: "Account", dir: "asc" }],
      rowClick: (e, row) => {

        });
      }

选中复选框后,重新加载页面,复选框应显示过滤结果,取消选中复选框显示返回以显示所有行

【问题讨论】:

    标签: javascript tabulator


    【解决方案1】:

    这是因为持久性过滤器功能仅保留通过 setFilter 函数设置的过滤器,而不是标头过滤器。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-09-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-01-05
      • 1970-01-01
      相关资源
      最近更新 更多