javascript - 丢失过滤器菜单中的文本框值

Question

我正在编写一个带有带过滤器菜单的剑道网格的 html/javascript 页面。我遇到了以下问题:当我向数据源(新行)添加一个新对象并重新加载其 kendogrid(datasource.read)时，我丢失了输入值的过滤器菜单中的文本框值。

这是演示:http://jsfiddle.net/3qT3J/2/

$("#grid").kendoGrid({
    dataSource: datasource1,
    height: 300,
    filterable: true  // <== shows a button on each column that display a filter menu

});
// reload the grid every 2 seconds:
 setInterval(function() {
        datasource1.read();
 }, 2000); 

有没有办法在重新加载网格时再次填充文本框？如何获取用户输入的值？是否有一些 kendogrid 属性可以避免在重新加载网格时丢失值？

我想通过文本框中的事件监听器获取值，但我不知道文本框属于哪一列...我使用以下代码添加了事件监听器: $(".k-textbox").on("点击更改", function1);

有什么想法吗？ 谢谢

Answer 1

您可以在过滤器菜单打开时暂停重新加载，以便用户可以完成输入:

setInterval(function () {
    var pauseRefresh = $(".k-filter-menu:visible").length;
    if (!pauseRefresh) {
        datasource1.read();
    }
}, 2000);

( demo )