首頁猿問將復(fù)選框列表傳遞到視圖中并取出IE...

將復(fù)選框列表傳遞到視圖中并取出IEnDigable

C# .NET

縹緲止盈 2019-06-04 15:57:37

將復(fù)選框列表傳遞到視圖中并取出IEnDigable我有一個將與用戶關(guān)聯(lián)的項目列表。一對多的關(guān)系。我想要傳遞到視圖中的全部項目列表，這樣他們就可以從那些尚未關(guān)聯(lián)到它們的項目中進行選擇(還可以看到那些已經(jīng)關(guān)聯(lián)的項目)。我想從這些創(chuàng)建復(fù)選框。然后，我希望將所選的內(nèi)容發(fā)送回控制器以進行關(guān)聯(lián)。我如何傳遞所有它們的列表，包括那些尚未關(guān)聯(lián)的列表，并可靠地將它們傳遞回被關(guān)聯(lián)的列表中？下面是我首先嘗試的內(nèi)容，但是很明顯這是行不通的，因為我是根據(jù)通過AllItems集合，該集合與用戶本身上的項沒有連接。<div id="item-list"> @foreach (var item in Model.AllItems) { <div class="ui field"> <div class="ui toggle checkbox"> <input type="checkbox" id="item-@item.ItemID" name="Items" value="@item.Active" /> <label for="item-@item.ItemID">@item.ItemName</label> </div> </div> }</div>

查看完整描述

2 回答

臨摹微笑

TA貢獻1982條經(jīng)驗獲得超2個贊

看起來您不會動態(tài)刪除復(fù)選框，因此這個問題更容易解決。注意：如果允許客戶端或腳本動態(tài)地從頁面中刪除復(fù)選框，下面的解決方案將不能像預(yù)期的那樣工作，因為索引將不再是連續(xù)的。

MVC模型綁定并不是萬無一失的，因此有時您必須幫助它。模型綁定器知道它需要綁定到一個名為Item的屬性，因為輸入字段的名稱是Item，但它不知道Item是一個列表。因此，假設(shè)在控制器中您有一個要建模的項列表，綁定到被調(diào)用的項，那么您需要做的是幫助MVC認識到您正在綁定到一個列表。為此，請指定列表的名稱和索引。

<div id="item-list">
    @for (var i = 0; i < Model.AllItems.Count; i++)
    {
        <div class="ui field">
            <div class="ui toggle checkbox">
                <input type="checkbox" id="item-@Model.AllItems[i].ItemID" name="Items[@i]" value="@Model.AllItems[i].Active" />
                <label for="item-@Model.AllItems[i].ItemID">@Model.AllItems[i].ItemName</label>
            </div>
        </div>
    }</div>

這里的要點是：

<input type="checkbox" id="item-@Model.AllItems[i].ItemID" name="Items[@i]" value="@Model.AllItems[i].Active" />

注意到項目[@i]？這是告訴模型綁定器查找名為Item的屬性，并將此值綁定到I處的項索引。

反對回復(fù) 2019-06-04