2

値がko.mapping.fromJSから更新された後、オプションテキストが関数の文字列に変換されるのはなぜですか?

サンプル: http: //jsfiddle.net/tYnc6/24/

HTML:

<div>
    <select data-bind="options: items, value: selected, optionsText: function(item) { return ('[' + item.Id + '] ' + item.Name) }, optionsCaption: 'Choose...'"></select>
    <button data-bind="click: update">Update</button>
</div>

Javascript:

var mapping = {
        key: function(data) {
            return ko.utils.unwrapObservable(data.Id);
    }
};

viewModel = {
    items: ko.observableArray([
        {Name: 'foo', Id: '1'},
        {Name: 'bar', Id: '2'}
    ]),
    selected: ko.observable(),

    update: function() {
        data = [
            {Name: 'foo', Id: '1'},
            {Name: 'bar', Id: '2'},
            {Name: 'baz', Id: '3'}
        ];
        ko.mapping.fromJS(data, mapping, this.items);
    }
}
ko.applyBindings(viewModel);

更新が押された後、オプションテキストが関数になることに注意してください。

4

1 に答える 1

3

マッピングプラグインを介して渡されたデータは、現在、監視可能になっていNameますId。したがって、関数が'[' + item.Id + '] ' + item.Name実行する場合、文字列をオブザーバブル(関数)と連結していることになります。

Nameおよびが常に監視可能である場合は、次のIdようにします。

'[' + item.Id() + '] ' + item.Name()

監視可能または非監視可能のいずれかをサポートする場合は、次のようにすることができます。

'[' + ko.utils.unwrapObservable(item.Id) + '] ' + ko.utils.unwrapObservable(item.Name)

ko.utils.unwrapObservable監視可能または監視不可能の値を適切に返します。

于 2012-03-18T23:28:20.497 に答える