在MVC 5中更新部分视图

Question

尝试加载部分视图时出现错误，该视图应在MVC应用程序的创建视图上显示一个列表。 该列表基于一个值，该值将来自值列表的下降控件。

在创建视图上，没有选择，因此该列表为空，并且在MVC创建视图中用户选择一个值后，将需要刷新该列表。

我在这个问题上遵循了公认的答案，但出现错误：

更新PartialView mvc 4

但是我对所讲的内容有一些疑问。

有人说：“有一些方法可以做到。例如，您可以使用jQuery：”，他显示了Java查询。

但是他还显示了另一种方法，并说：“如果您在操作中使用逻辑UpdatePoints（）来更新点”

[HttpPost]
public ActionResult UpdatePoints()
{    
   ViewBag.points =  _Repository.Points;
   return PartialView("UpdatePoints");
 }

我收到以下错误

参数字典包含“ System.Controllers.RController”中方法“ System.Web.Mvc.ActionResult UpdateList（Int32）”的非空类型“ System.Int32”的参数“ ID”的空条目。 可选参数必须是引用类型，可为空的类型，或者必须声明为可选参数。 参数名称：参数

我不知道这个错误是什么意思

因此，在创建视图中：

        <div class="col-sm-6">

            <div class="form-horizontal" style="display:none" id="PVList">

                @{ Html.RenderAction("UpdateList");}

            </div>
        </div>

在控制器的创建动作下作为自己的功能

    [HttpGet]
    public ActionResult UpdateList(int ID)
    {

        if (ID != 0)
        {
            ViewBag.List = Get_List(ID);
            return PartialView("PV_List");

        }
        else
        {
            ViewBag.List = "";
            return PartialView("");
        }


    }

而使列表成为视图包的功能为函数：

private List<SQL_VIEW_LIST> Get_List(int ID)
        {

            return db.SQL_VIEW_LIST.Where(i => i.ID == ID).ToList();
        }

用于“值列表”的JavaScript会在“值列表”下拉列表中：该控件还控制在有数据时打开列表的可见性：

    //Fire The List to make visible after list values select 
    $(document).ready(function () {
        $('#RES_VEH_ID').change(function ()
        {

            $("#PV_List").show(); // Shows Edit Message
            $.post('@Url.Action("PostActionTo_Partial","Create")').always(function()
                   { ('.target').load('/Create'); })

        });
    })

也有人知道这个字符串是什么意思吗？ “ PostActionTo_Partial”

还没有人知道这是什么意思ViewBag.points = _Repository.Points; 我得到了视图包部分，但它是_Repository.Points;。 我不明白的部分 有人对那里发生的事情有任何想法吗？

Answer 1

我不明白你会怎么做。 但我会尽力回答。

我不知道这个错误是什么意思。

此错误意味着模型联编程序无法找到操作方法的参数“ ID”

public ActionResult UpdateList(int ID)

因为您没有为此方法发送任何参数，所以可以尝试以下操作：

@{ Html.RenderAction("UpdateList", new {ID="value"});}

或者，您可以在方法中设置默认值：

public ActionResult UpdateList(int ID=value)

或使“ ID”为空：

public ActionResult UpdateList(int? ID)

也有人知道这个字符串是什么意思吗？ “ PostActionTo_Partial”

这是您控制器中的“动作名称”

还没有人知道这是什么意思ViewBag.points = _Repository.Points;

这意味着分配动态对象“ VivBag.points”的数据以将其传输到视图中

Answer 2

因此，在Matt Bodily的帮助下，您可以使用视图在下拉列表中更改值触发的创建视图中填充部分视图

包和一个叫做Ajax的东西 这是我使代码工作的方式。

首先，您需要检查空数据的部分视图代码示例

_WidgetListPartial

 @if (@ViewBag.AList != null)
    {
    <table cellpadding="1" border="1">
    <tr>
        <th>
            Widget Name 
        </th>
     </tr>

@foreach (MvcProgramX.Models.LIST_FULL item in @ViewBag.AList)
   {
    <tr>
        <td>
            @item.WidgetName
        </td>        
    </tr>
   }

   </table>
  }

使用功能将View Bag填充到控制器中

    private List<DB_LIST_FULL> Get_List(int? VID)
    {

        return db.DB_LIST_FULL.Where(i => i.A_ID == VID).ToList();
    }

在[创建]控制器中，使用[HttpGet]元素添加一个类似的结构，这将向您发送数据和部分视图到创建屏幕上的屏幕占位符。VID将是Drop的ID。

下拉列表，此功能还将“部分视图”发送回“创建表单”屏幕

    [HttpGet]
    public ActionResult UpdatePartialViewList(int? VID)
    {           

        ViewBag.AList = Get_List(VID);
        return PartialView("_WidgetListPartial",ViewBag.AList);


    }

如果需要这样做，我不是100％，但是我将以下内容添加到了ActionResult中：创建表单ID和FormCollection，以便

从下拉菜单中读取值。 同样，如果有的话，Ajax的东西可能会很小心，但是以防万一并且应用程序似乎可以

它。

这是在[HttpPost]

   public ActionResult Create(int RES_VID, FormCollection Collection, [Bind(Include = "... other form fields

再次在[HttpGet]中也可能不需要。 这是从表单中读取值

 UpdatePartialViewList(int.Parse(Collection["RES_VID"]));

在您要显示部分视图的“创建视图”屏幕上

        <div class="col-sm-6">

            <div class="form-horizontal" style="display:none" id="PV_WidgetList">

                @{ Html.RenderAction("UpdatePartialViewList");}



            </div>
        </div>

最后，后面的Ajax代码从下拉列表中读取点击。 获取所选项目的值，并将值传递回

后面的所有控制器代码以构建列表并将其发送以更新部分视图，如果有数据，则它将通过部分视图

将更新列表添加到创建表单。

    $(document).ready(function () {
        $('#RES_VID').change(function ()
        {

            debugger;

            $.ajax(

                {
                    url: '@Url.Action("UpdatePartialViewList")',
                    type: 'GET',
                    data: { VID: $('#RES_VID').val() },

                    success: function (partialView)
                    {
                        $('#PV_WidgetList').html(partialView);
                        $('#PV_WidgetList').show();
                    }
                });

这样做并不是最好的方法，但这是一个行之有效的完整测试方法，它是该过程的每一步，希望不要

另一个必须经历为期多天的恐怖表演，我必须经历这个过程才能获得最初基于我认为的错误而可以正常工作的东西

这在mvc中无法完成，而我将不得不在webforms中继续该应用程序。 再次感谢所有帮助我制定此原则的人

解！