KendoUI 网格数字文本框过滤器的最小值和最大值不起作用

Question

我的应用程序中有 KendoUI 网格。有一列具有“类型：数字”，因此在网格过滤器菜单中会出现一个数字文本框。我想在过滤器菜单中设置该数字文本框的最小值和最大值。我试着这样做：

filterable: { 
    min:0,
    max:5,
    extra: false, 
    operators: { 
        number: {
            eq: "Is Equal To",
            neq: "Is Not Equal To"
        }
    }
}

但它不起作用。为什么？有没有其他方法可以做到这一点？

Answer 1

您可以使用网格的filterMenuInit 事件来获取对数字文本框小部件的引用并设置它的最小值和最大值。这是一个例子：

$("#grid").kendoGrid({
    // other config options omitted for brevity...
    filterable: { 
        extra: false, 
        operators: { 
            number: {
                eq: "Is Equal To",
                neq: "Is Not Equal To"
            }
        }
    },
    filterMenuInit: function(e) {
        var numeric;
        if (e.field === "my-field-name") {
            numeric = e.container
                .find("[data-role=numerictextbox]")
                .getKendoNumericTextBox();
            if (numeric) {
                numeric.min(0);
                numeric.max(5)
            }
        }
    }
});

查看KendoUI grid documentation了解更多详情。