0

我第一次在使用 knockoutjs 时遇到问题。

我有一个用于搜索字符串的文本框：

<input type="text" data-bind="value: searchString" id="searchText">

和一个按钮：

<span data-bind="click: searchButton" id="searchBtn"></span>

两者都使用以下脚本使用敲除进行绑定：

function ViewModel() {
        var self = this;

        //-----
        self.searchButton = function () {
            if (self.searchString() != null && self.searchString().length > 3) {
                $.ajax({
                    type: "post",
                    contentType: "application/json",
                    url: "./SearchCustomer/",
                    data: "{'searchString':'" + self.searchString() + "'}",
                    error: function (xhr, status, error) {
                        baseShowError("Error");
                    },
                    success: function (response) {
                        var receivedResponse = JSON.parse(response);
                        if (receivedResponse.Success) {
                            ko.mapping.fromJS(receivedResponse.Result, {}, self);
                        } else {
                            baseShowError("customer not found");
                        }
                    }
                });
            }
        };
    });

$(function () {
        var jsonModel = '@Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(this.Model, new Newtonsoft.Json.Converters.IsoDateTimeConverter()))';
        var myViewModel = ko.mapping.fromJSON(jsonModel, {}, new ViewModel());
        ko.applyBindings(myViewModel);
    });

现在我想使用脚本在文本框中输入：

$(document).ready(function () {
            $('#searchText').keypress(function (e) {
                if (e.which == 13) {
                    ...........
                }
            });
        });

唯一的问题是输入什么而不是点。我读到了关于不显眼的事件处理，但它没有尝试过似乎工作。有人可以给我一个提示吗？

4

2 回答 2

0

你不会只是调用你的searchButton方法ViewModel.searchButton();吗？

于 2013-10-07T18:43:37.433 回答
-1

虽然捕捉“输入”似乎是一个有效的解决方案，但答案要简单得多。

您可以将提交绑定到放置在 2 个元素上的表单，而不是将单击绑定到按钮

解决方案：ViewModel 保持不变。

<form data-bind="submit: seachButton">
    <input type="text" data-bind="value: searchString">
    <span data-bind="click: searchButton"></span>
</form>

如您所见，数据绑定已添加到新的表单标签中。

（通常，如果按钮真的是输入类型按钮，您可能可以删除 de click 绑定，因为 wel .....未测试）

于 2013-10-08T09:36:34.360 回答