2012-07-28 114 views
0

我已经申请绑定以下视图模型如何使用基因敲除映射?

var groupDeleteViewModel = { 
     group: { Id: ko.observable(), Name: ko.observable(), Members: ko.observableArray() }, 
     load: function (item) { 
      debugger 

     }, 
     remove: function (item) { 
      groupDeleteViewModel.group.Id(item.Id()); 
      groupDeleteViewModel.group.Name(item.Name()); 
      groupDeleteViewModel.group.Members(item.Members()); 
      $("#groupDelete").show(); 
     }, 
     cancel: function() { 
      $("#groupDelete").hide(); 
     } 
    } 

remove函数加载与已在项目被传递给删除功能的数据视图。

<div id="groupDelete" class="pop-window filter-view"> 
    <h2> 
     Delete Group 
    </h2> 
    <table> 
     <tr> 
      <th> 
       Name 
      </th> 
      <td> 
       <span data-bind="text:group.Name" /> 
      </td> 
     </tr> 
     <!--ko foreach: group.Members--> 
     <tr> 
      <th> 
      </th> 
      <td> 
       <div data-bind="text:Name" class="grey-border"> 
       </div> 
      </td> 
      <td> 
      </td> 
     </tr> 
     <!--/ko--> 
    </table> 
    <span class="centeralign"> 
     <input type="button" value="Delete" data-bind="click: remove" class="delete" /> 
     <input type="button" value="Cancel" data-bind="click: cancel" /> 
    </span> 
</div> 

我不想让项目的每个元素映射到的每个元素groupDeleteViewmodel.group。我在代码中的许多其他地方也做过这样的事情,代码非常混乱。我想用ko.mapping插件来做同样的事情。

直到现在我曾尝试是 -

remove:function (item){ 
      var data = ko.mapping.toJS(item); 
      ko.mapping.fromJS(data, groupDeleteViewModel.group); 
      $("#groupDelete").show(); 
} 

但是,这是行不通的。我真的不知道为什么。它应该理想地工作。 有人可以告诉在这种情况下使用ko.mapping的正确方法是什么?

谢谢。

回答

1

映射插件正在寻找已存在于groupDeleteViewModel.group中的映射数据,但它找不到它,因为您没有使用映射插件初始化groupDeleteViewModel.group。 因此,而不是像你初始化组所做的:

group: { Id: ko.observable(), Name: ko.observable(), Members: ko.observableArray() } 

初始化使用映射插件吧:

group: ko.mapping.fromJS({ Id: undefined, Name: undefined, Members: [] }) 

这是我用你的代码摆弄周围:fiddle

+0

你是最棒的!万分感谢。我只是想知道这是否也在他们的网站上? – Tushar 2012-07-28 17:01:41

+1

他们说:'要通过映射插件创建一个视图模型,用上面代码中的viewModel的创建替换为ko.mapping.fromJS函数,然后:'然后,每当您从服务器接收到新数据时,您可以通过再次调用ko.mapping.fromJS函数一步更新viewModel上的所有属性。他们应该更清楚一点 – antishok 2012-07-28 20:13:34