如何修改 Kendo UI 网格中的过滤器?
How to modify Filter in Kendo UI Grid?
我有一个带有默认过滤器的 Kendo 网格,我想稍微修改一下。
在下拉列表中我们有不同的限制,('Starts with'、'Contains' 等)。
而我想要的是:
- 默认为 'Contains' 设置 'selected'
- 加载时将焦点放在下拉列表正下方的输入框中。
谢谢!
要使某些运算符成为默认值,您只需更改过滤器选项中的顺序即可:
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
事件。在函数中,您可以根据需要更新控件状态。
我有一个带有默认过滤器的 Kendo 网格,我想稍微修改一下。
在下拉列表中我们有不同的限制,('Starts with'、'Contains' 等)。
而我想要的是:
- 默认为 'Contains' 设置 'selected'
- 加载时将焦点放在下拉列表正下方的输入框中。
谢谢!
要使某些运算符成为默认值,您只需更改过滤器选项中的顺序即可:
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
事件。在函数中,您可以根据需要更新控件状态。