1

有没有办法从选择下拉菜单中选择多个选项并显示结果。就像在我的小提琴中一样，我将名字作为第一列，并且想要选择并显示 Aaron 和 Clark 的时间。单独它是可能的。但是如果需要选择两个选项呢？那要怎么实现呢？

而且，如何应用自定义时间过滤器，例如

早上（6点到12点之间）

下午（12点到18点之间）

晚上（18 点到 21 点之间）

这是我尝试过的，但它不起作用。事实上，这些选项甚至没有显示在选择框中。

http://jsfiddle.net/QJnEa/

   filter_functions : {

    1 : {
      "Morning"      : function(e, n, f, i) { return n < 12; },
      "Afternoon" : function(e, n, f, i) { return n >= 12 && n <=18; },
      "Evening"     : function(e, n, f, i) { return n > 18; }
    }

只显示时间。不知道如何为多选编码。

4

1 回答 1

0

在那个演示中，时间列中有一个类名“filter-select”，它覆盖了filter_functions. 您需要做的就是删除该类

<th data-placeholder="Select a time block">Time</th>

然后更新 filter_functions 以使用精确的 ( e) 值而不是规范化的值 ( n)，这实际上是一个非常大的数字（自 2000 年 1 月 1 日以来的秒数；由时间解析器定义）。

filter_functions: {

    1: {
        "Morning": function (e, n, f, i) {
            return parseInt(e, 10) < 12;
        },
        "Afternoon": function (e, n, f, i) {
            var num = parseInt(e, 10);
            return num >= 12 && num <= 18;
        },
        "Evening": function (e, n, f, i) {
            return parseInt(e, 10) > 18;
        }
    }
}

至于您问题的第二部分，过滤器小部件目前不支持多选元素。将来可能会；但与此同时，您可能想查看这个使用表外部的select2 插件的演示（仍处于测试阶段） 。

于 2013-09-22T14:58:50.490 回答