【问题标题】:yadcf not sorting dropdown list properlyyadcf 未正确排序下拉列表
【发布时间】:2016-10-16 18:22:11
【问题描述】:

在配置 DataTables(大写 D)和 yadcf 时,我已经尝试了所有我能想到的选项,但似乎无法让选择下拉列表以不区分大小写的顺序列出。

设置:

      var dTable=$('#bTable').DataTable({
            "traditional": false,
            "pageLength": 1000,
            "jQueryUI": true,
            "stateSave": true,
            "stateDuration": 60 * 60 * 24,
            "processing": true,
            "stateLoadParams": function (settings, data) {
                lastSearch=data.search.search;
            },
            "ordering": true,
            "processing": true,
            "paging":   false,
            "info":     false,
            "autoWidth": false,
        })

        yadcf.init(dTable,[
            {column_number : 3, column_data_type: "text", filter_match_mode: "exact", sort_as: "alphaNum", filter_container_id: "hs_clu", filter_reset_button_text: false, style_class: "select-style", filter_default_label: "All"},
      ],
      { cumulative_filtering: true }
    );

当我点击列标题时,列数据被正确排序为:

nbmps01
nbmps02
nbmps800
Network-1
Network-2
Network-3
NTPROV
NTSYM
NTWKTRANS
NVAM-CXMT

我的下拉选择列表按此顺序排列,似乎不正确:

NTPROV
NTSYM
NTWKTRANS
NVAM-CXMT
Network-1
Network-2
Network-3
nbmps01
nbmps02
nbmps800

在摆弄了 2 天之后,我对此束手无策。有没有人有任何想法并愿意分享。

非常感谢任何帮助。

【问题讨论】:

  • 请在你喜欢的js游乐场提供一个测试用例
  • 我以前从未玩过 js 游乐场,所以我在 jsfiddle 中放了一个,但即使我在资源下添加了数据表和 yadcf 脚本,我什至无法让它拾取它们,所以我不知道如何去做这个。不过这里是……
  • 这是一个非常基本的 jsfiddle 设置,它使用最新的 yadcf:jsfiddle.net/6c660hat/11 您可以使用重现问题的相关代码对其进行更新,不要忘记点击更新按钮,以便获得新的小提琴将被创建(将生成更新的 url)然后发布
  • 我要感谢 Daniel 在这项工作中对我的耐心...我有一个演示该项目的 jsfiddle。 Col 3 是区域。如果我单击 Col3,它会正确地对列进行排序。当我单击其上方的下拉菜单时,排序顺序不区分大小写。会不会是某些数据中的“-”导致排序失败?再次感谢。 jsfiddle.net/Mike_W/6c660hat/42

标签: yadcf


【解决方案1】:

我改进了 yadcf 0.9.1.beta.5 中的字母数字排序,现在它可以按预期工作了。

使用sort_as: "alphaNum"

这是一个有效的jsfiddle 链接

【讨论】:

  • 谢谢丹尼尔....我真的很喜欢这个 yadcf libray。你已经完成了非常棒的工作。
  • 有人应该对这个答案投赞成票。我试过了,但显然还没有足够的“声誉”……(我不知道这是好事还是坏事……:-))
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-03-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多