0

我试图理解淘汰赛的语法并遇到问题。

我的 ko 视图模型示例

var Market = function (e) {
    var self = this;
    self.MarketId = ko.observable(e ? e.MarketId : '');
    self.Description = ko.observable(e ? e.Description : '');
};

var MarketAddViewModel = function () {
    var self = this;
    var url = "/api/market";

    self.newMarket = ko.observable(new Market());

    // Save market
    saveMarket = function (item) {
        $.ajax({
            type: 'POST',
            url: url,
            data: ko.toJS(item),
            success: function (data) {
                // SUCCESS
            },
            error: function (err) {
                var err = JSON.parse(err.responseText);
                var errors = "";
                for (var key in err) {
                    if (err.hasOwnProperty(key)) {
                        errors += key.replace("employee.", "") + " : " + err[key];
                    }
                }

                alert('error');
                //$("<div></div>").html(errors).dialog({ modal: true, title: JSON.parse(err.responseText).Message, buttons: { "Ok": function () { $(this).dialog("close"); } } }).show();
            },
            complete: function () {
                // complete
            }
        });
    };
};

要绑定它，我使用此代码

 $(document).ready(function () {
            ko.applyBindings(new MarketAddViewModel());
        });

然后是 HTML 元素

<input data-bind="value: Description" type="text" class="required input-xxlarge" name="description" id="description" />

但是当加载此页面时，我收到“未定义描述”

有什么线索吗？

4

2 回答 2

1

我认为它需要 

<input data-bind="value: newMarket().Description" type="text" class="required input-xxlarge" name="description" id="description" />

（注意），因为它是实例newMarket().的属性。MarketAddViewModel括号将提取可观察值，以便可以提取其“描述”属性。

于 2013-02-07T10:53:38.903 回答
1

您可以使用 with 绑定，它将子元素的上下文更改为 newMarket 上下文

<div data-bind="with: newMarket">
    <input data-bind="value: Description" type="text" class="required input-xxlarge" name="description" id="description" />
</div>

编辑：我也可以借此机会为我的配置库上的约定做一些 PR 上面的语法看起来像

<div data-name="newMarket">
    <input data-name="Description" type="text" class="required input-xxlarge" name="description" id="description" />
</div>

https://github.com/AndersMalmgren/Knockout.BindingConventions

于 2013-02-07T12:55:43.697 回答