formcollection 仅保存选定的 html.listbox 项目值？多维控制器

Question

我的情况是这样的：我有两个列表框，一个包含所有数据库项目，另一个是空的。用户将完整列表框中所需的项目添加到空列表框中。

我正在使用表单提交用户添加的所有项目。

问题是，仅提交列表框中选定的项目。因此，如果用户取消选择某些项目，它们将不会在表单中提交。我的观点看起来像这样：

<% using (Html.BeginForm("MyAction", "MyController"))
   { %>

    <%= Html.ListBox("AddedItems", Model.Items)%>

    <input type="submit" value="Submit" name="SubmitButton"/>
<% } %>

我的控制器看起来像这样：

public ActionResult MyAction(FormCollection formCollection)
{
    var addedItems = formCollection["AddedItems"].Split(',');

    //....more code that does stuff with the items
}

我是否以错误的方式处理所有事情？有没有更好的方式来提交项目？你会怎么办？

Answer 1

我也在这样做，我认为我解决它的方式更优雅一点。本质上，我只是有一个 Jquery 函数，该函数在选择所有选项的表单发布之前运行。

    $(function () {
        $("form").submit(function (e) {
            $("#box2View option").attr("selected", "selected");
        });
    });

Answer 2

因为它只是选择框。您无法在选择框中发布所有值。您必须使用 javascript 来捕获添加的项目并将它们存储在隐藏输入中。

未经测试的代码，但我认为它对你有帮助。

<script type="text/javascript">
    function addItem() {
        var allItems = document.getElementById("AllItems");
        var op = allItems.options[allItems.selectedIndex];
        var hdSelectedItems = document.getElementById("hdSelectedItems");
        var lbSelectedItems = document.getElementById("lbSelectedItems");

        lbSelectedItems.options[lbSelectedItems.options.length] = op;

        if (hdSelectedItems.value != '') {
             hdSelectedItems.value += ","
        }
        hdSelectedItems.value += op.value;
    }
</script>
<%= Html.Hidden("hdSelectedItems") %>
<%= Html.ListBox("AllItems", Model.Items)%>
<%= Html.ListBox("lbSelectedItems") %>
<a href="#" onclick="addItem(); return false;">Add</a>

Answer 3

为什么不在复选框中包含项目列表。
然后，您可以遍历操作中的复选框并获取所有选定的复选框。

<% foreach(var item in Model.Items) { %>

   <%= Html.CheckBox(String.Format("ItemID.{0}", item.ID)) %> // each item tagged by the items id

<% } %>

public ActionResult MyAction(FormCollection formCollection)
{

            foreach (var key in collection.AllKeys.Where(k => !k.Contains("SubmitButton")).ToArray<string>())
            {
                 // iterates thru check boxes we got rid of the button 

            }
}