敲除绑定复选框组

问题描述:

我有一个动态生成的复选框组,我需要将它绑定到我的挖空视图模型。敲除绑定复选框组

这里是我的复选框组代码:

<p> 
    <label>Properties</label> 
    <span class="formwrapper"> 
     @{ 
      foreach (ComboProperty item in this.Model.Properties) 
      { 
       @:<input type="checkbox" name="chkproperty" value="@item.PropertyId" /> @item.Name<br/> 

       } 
     } 
    </span> 
</p> 

所以在这里,而不是一个单选按钮组,我可以有选择多个复选框。所以首先需要知道如何创建我的淘汰赛视图模型,以管理多个值,然后如何绑定它。

我在小提琴手中创造了这个作为参考。它有json集合。

http://jsfiddle.net/SSHev/5/

非常感谢。

我不知道你要完成的任务,但我已经更新您的jsfiddle以使其工作:

http://jsfiddle.net/SSHev/11/

如果您有相关的多选框,你有多项选择输入。在Knockout中,这样的输入可以映射到一个值数组。正如您在更新的小提琴中看到的那样,选中并取消选中这些框会插入或删除self.properties变量中的适当值。这个变量是一个可观察的数组。

+0

嗨,我看到它的工作原理,但我需要将其绑定到jsonDirProperties和复选框的值必须匹配“propertyId”。因此,对于每个选中的复选框,都应该有一个新的json对象。我将发送该json集合到服务器并将其映射到我的对象。或者你以另一种方式推荐我? – VAAA 2012-08-14 18:04:47

+0

你是否真的需要将所有信息往返?你不能只发送self.properties数组到服务器? – 2012-08-14 18:13:19

+0

你是完全正确的!!我会这样做的。现在我得到服务器上的JSON字符串,但我将不得不将它映射到一个INT对象列表,你知道我是否可以发送到服务器数组而不是JSON? – VAAA 2012-08-14 18:14:51