Question

我想要一个ListBox，它在提交时会将其选定的值发送到控制器，来自该控制器的响应将用于更新视图的一小部分。

以下代码能够更新视图的一部分，并获取所选值，但只能单独使用。在更新页面的一部分时，我无法从ListBox获取值：

能够将所选值返回给控制器的代码：

public ActionResult GetInput(ListBoxModel mod)
{
    OtherModel data = new OtherModel();
    data.selected = mod;
    return View("HomePage", data);
}

@model App.Models.MainViewModel
@using(Html.BeginForm("GetInput", "Home", FormMethod.Post))
{
    <label for="optionList">Options:</label>
    @Html.ListBox("optionList", Model.listBoxMod.list)
    <input type="submit" value="Submit"/>
}

此代码能够更新部分页面，但无法从ListBox获取数据：

public ActionResult GetInputAndUpdate(ListBoxModel mod)
{
    //get values out of mod and put them in NewList selectedValues
    //but no values appear in mod
    //I can put fake data in selectedValues and it will be put on the page
    return PartialView("PartialViewUpdate", selectedValues);
}

主要观点：

@model App.Models.MainViewModel
@using(Html.BeginForm("GetInputAndUpdate", "Home", FormMethod.Post))
{
    <label for="CGSelected">Care Gaps:</label>
    @Html.ListBox("CGSelected", Model.listBoxMod.list)
    <input id="submitButton" data-url="@Url.Action("GetInputAndUpdate")" type="submit" value="Submit" />
    <!-- <input id="loadFromMainFrame" data-url="@Url.Action("CareGapSubmitInit", Model ??? )" type="submit" value="Submit" /> This doesn't work! -->

//The partial view html gets put here
<div id="selectedValuesItem"></div>
}

部分视图：

@model App.Models.NewList
    @foreach(var str in Model)
    {
        @str
        <br />
    }

更新部分视图的代码：

$(function ()
{
    $("#submitButton").click(function (e)
    {
        e.preventDefault();
        var url = $(this).data("url");
        $("#selectedValuesItem").load(url);
    });
});

Answer 1

如果您想调用GetInputAndUpdate

$(function ()
{
    $("#submitButton").click(function (e)
    {
        e.preventDefault();
        var url = "@Url.Action("GetInputAndUpdate")?selectedValue=" + $("#optionList").val();
        $("#selectedValuesItem").load(url);
    });

此

public ActionResult GetInputAndUpdate(ListBoxModel mod)

变成这个

public ActionResult GetInputAndUpdate(string selectedValue)

Answer 2

我得到了某人的帮助，正确的做法如下：

@using(Ajax.BeginForm("GetInput", "Home", new AjaxOptions{UpdateTargetId = "selectedValuesItem"}))
{
    <label for="optionList">Care Gaps:</label>
    @Html.ListBox("optionList", Model.listBoxMod.list)
    <input type="submit" value="Submit" />
}

然后在项目中包含此脚本，如下所示： @ Scripts.Render（ “〜/脚本/ jquery.unobtrusive-ajax.js”）

这将返回ListBox中正确的模型/选定项目，响应视图/ html将被放入selectedValuesItem div中。它也可以使用多选框。

ListBox更新View的另一部分

2 个答案: