如何修改 Kendo UI 网格中的过滤器?

How to modify Filter in Kendo UI Grid?

我有一个带有默认过滤器的 Kendo 网格,我想稍微修改一下。

在下拉列表中我们有不同的限制,('Starts with'、'Contains' 等)。
而我想要的是:

  1. 默认为 'Contains' 设置 'selected'
  2. 加载时将焦点放在下拉列表正下方的输入框中。

谢谢!

要使某些运算符成为默认值,您只需更改过滤器选项中的顺序即可:

filterable: {
                        extra: false,
                        operators: {
                            string: {
                                contains: "Contains"
                                eq: "Is equal to",
                                neq: "Is not equal to"
                            }
                        }
                    }

要聚焦于文本字段,您可以使用 filterMenueInit Event。 对于您的案例,它看起来像这样:

filterMenuInit: function(e) {
    var popup = e.container.data("kendoPopup");
    popup.bind("activate", function (e) {
        this.element.find("input").focus();
    });
}

首先您需要 select KendoWidget 过滤器 - kendoPopup。 之后,您将函数绑定到弹出窗口完全加载后触发的事件 - activate 事件。在函数中,您可以根据需要更新控件状态。