剑道MVVM具有外部搜索框和按键功能。

Question

我有一些代码，有一个外部搜索框的Kendo UI Grid。它与这里的例子类似 https:/telerikhelper.net20141021how-to-external-search-box-for-kendo-ui-grid。然而，它使用Kendo MVVM的类型脚本。

HTML代码中有一个输入搜索框和按钮类，如下所示。

    <div style="display:block;width:100%;padding:5px;">
        <input style="width:70%;height:30px;" id="searchvalue" />
        <button class="km-small" data-icon="search" belongsto="searchvalue" data-role="button" data-bind="events : {click: filterLocations }"></button>
    </div>

按键是通过数据绑定连接到filterLocations()typecript函数。 我想让搜索按钮中的回车键能像点击按钮一样调用filterLocations()方法。

我可以按照类似的方法来处理键入或键压事件，例如，在搜索按钮中，我可以通过数据绑定的方式来调用filterLocations()方法。

$("#searchvalue").on("keypress", function(event){               
    if (event.keyCode === 13) {

    }
});

然而，我想使用我在搜索框中输入的文本来调用同样的filterLocations()。

Answer 1

你可以绑定 keypress 事件的方式来绑定 click 事件。

<input type="text" class="k-textbox" data-bind="events: { keypress: onKeyPress }"></input>

var viewModel = kendo.observable({
    onKeyPress: function(e){
      console.log(e)
    },
    onClick: function(e) {
      console.log(e);
    }
});

例如： 按键事件