如何修改Kendo UI Grid中的Filter?

时间:2015-10-07 08:37:43

标签: javascript jquery kendo-ui kendo-grid kendo-asp.net-mvc

我有一个带有默认过滤器的Kendo Grid,我想带一个小修改。

enter image description here

在下拉列表中,我们有不同的限制,('以'开头','包含'等)。
我想要的是:

  1. 默认情况下为“包含”设置“已选择”
  2. 在加载时将焦点放在下拉列表下的输入框中。
  3. 谢谢!

1 个答案:

答案 0 :(得分:1)

为了使某些操作符默认,您应该只更改过滤器选项中的顺序:

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();
    });
}

首先,您需要为过滤器选择KendoWidget - kendoPopup。 之后,在弹出完全加载 - activate事件后触发的事件上绑定函数。在功能中,您可以根据需要更新控件状态。