3

看看这个小例子。

<select data-bind="options: Days, optionsText: 'title'"></select>
<input type="button" value="update" data-bind="click: update" />

<script type="text/javascript">
var Days = {'Days': [{"id":1,"title":"Monday"},{"id":2,"title":"Tuesday"},{"id":3,"title":"Wensday"}]};

var DaysUpdate = {'Days': [{"id":3,"title":"Wednesday"},{"id":4,"title":"Thursday"},{"id":5,"title":"Friday"}]};

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

var viewModel = {
    Days: ko.observableArray(),
    update: function() {
        ko.mapping.fromJS(DaysUpdate, mapping, viewModel);
    }
}

ko.mapping.fromJS(Days, mapping, viewModel);


ko.applyBindings(viewModel);

</script>

在此示例中，数据被部分映射。首先来自 Days 对象，然后（通过单击更新按钮）来自 DaysUpdate 对象。第二次更新从数组中删除“Monday”和“Tuesday”对象。我如何让那些留下来？

PS。感谢 Mark Robinson 提供了结构更好的示例。

4

1 回答 1

4

这是映射插件的常见问题。目前没有办法用插件本身来做到这一点。这一直困扰着我一段时间。该插件假定您给它的数组是数组的新内容，因此删除了其他项目。

目前我知道的唯一解决方案是遍历集合并手动映射每个元素。

http://jsfiddle.net/madcapnmckay/5878E/

在这些日子里，我会尝试提出一个合适的解决方案并向映射插件人员发送拉取请求。

希望这可以帮助。

于 2012-04-12T16:26:06.333 回答