javascript - Kendo UI 自动完成 - 两次选择同一事物时更改事件未触发

标签 javascript jquery kendo-ui autocomplete jquery-events

KendoUI 自动完成不允许我连续两次选择相同的项目。如果我选择一个项目,然后选择另一个,它当然会起作用,但不是背靠背。

通过将 this.trigger('change') 放在 kendoAutoComplete({})select 方法中,如果你单击列表本身的项目,但是如果您输入相同的内容并按Enter,它不会触发更改事件.

  1. 键入 Anne,单击它(注意它已将其添加到正文(已触发更改事件))
  2. 再试一次(没有任何反应)

只是一些示例代码: jsFiddle EXAMPLE

var autoComplete = $("#input").kendoAutoComplete({
    // other methods...
    select: function (e) {
        console.log('---SELECT---');
        
        // this will work if we select the same thing and SELECT the item 
        // from the the dropdown list,
        //  ** but if we push ENTER, it won't trigger this
        
        //this.trigger('change'); // <--
    },
    change : function (e) {
        console.log(' >> CHANGE');
        $('body').append('<br>' + this.value());
    }
});

最佳答案

有点奇怪,但文档说:Change:“当用户更改小部件的值时触发。”这意味着一旦您输入 Anne 并按回车键,控件的值将设置为“Anne”,一旦您再次输入 Anne 并按回车键,该值仍然相同,因此没有变化没有事件。通过将触发器放入 select 中,这在我看来是一个不同的事件 > 选择时触发。

关于javascript - Kendo UI 自动完成 - 两次选择同一事物时更改事件未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16673290/

相关文章:

javascript - 类型错误 : t is undefined

javascript - React-router 4 -- 具有共享组件的 NavLink 未更新

javascript - 使用 jquery 定位与 <li> 内的类的链接

jquery - ie7 AJAX 函数期望的标识符、字符串或数字

javascript - 收到错误数据后清空 kendo UI 中的网格

javascript - 如何在 Three.js 中使用延迟光照

javascript - React 中的数据管理策略

javascript - bootstrapValidator ajax请求,防止提交后关闭 Bootstrap 模式

javascript - 剑道模板绑定(bind)

javascript - 使用 AngularJS 创建具有可重用选项的剑道网格