2012-08-14 82 views
1

我有一個動態生成的複選框組,我需要將它綁定到我的挖空視圖模型。敲除綁定複選框組

這裏是我的複選框組代碼:

<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/

非常感謝。

回答

2

我不知道你要完成的任務,但我已經更新您的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