ajax.beginform() 不更新部分视图 MVC

ajax.beginform() not updating partial view mvc

本文关键字:视图 MVC 更新部 beginform ajax      更新时间:2023-09-26

我正在尝试在 asp.net 中做类似updatepanel的事情。 页面 A 显示内容和一个div,该div 部分呈现另一个视图(页面 B),其中包含 2 个按钮。 根据哪个按钮,部分视图(页面 B)将重新更新其内容。第一次加载页面时,部分视图显示正确。当按钮在页面 B 中单击时,仅显示 B 的视图,页面 A 丢失。

Page A:
@{
DemoMVC.Models.FlashADrugModel displayDrug = null;
int drugIndex = 0;
Session["drugIndex"] = drugIndex;
if (Session["userDrugArray"] != null)
{
    DemoMVC.Classes.Drug[] myDrugArray = (DemoMVC.Classes.Drug[])Session["userDrugArray"];
    if(myDrugArray.Length>0)
    {
        displayDrug = new FlashADrugModel { displayDrug = myDrugArray[drugIndex], nullAble = false };
    }
}
}
@using (Ajax.BeginForm("FlashACard", "FlashCard", null, new AjaxOptions() { UpdateTargetId = "updateRegion", InsertionMode = InsertionMode.Replace, HttpMethod = "GET" }))
{
    @Html.AntiForgeryToken()
    <div id="updateRegion">
        @Html.Partial("_FlashACard", @displayDrug)
    </div>
    <input type="submit" value="Previous" name="ButtonType"><input type="submit" value="Next" name="ButtonType">
}

....

Page B:    
<dl class="dl-horizontal">
    <dd>
        @Html.DisplayFor(model => model.displayDrug.DrugBrand)
    </dd>
</dl>

.....

Controller:
public ActionResult Index()
    {
        //List<Drug> myDrugList =  this.cardRepository.GetAllDrugs();
        List<Drug> myDrugList = new DrugCardsRepository().GetAllDrugs();
        Session["userDrugArray"] = myDrugList.ToArray();
        return View();
    }
    public PartialViewResult FlashACard(FlashADrugModel drugModel, string ButtonType)
    {
        if(!drugModel.nullAble.HasValue)
        {
            if (Session["userDrugArray"] != null)
            {
                Drug[] myDrugArray = (Drug[])Session["userDrugArray"];
                //Default drug index 0
                int drugIndex = 0;
                if (Session["drugIndex"] != null)
                {
                    drugIndex = (int)Session["drugIndex"];
                }
                if (ButtonType == "Next")
                {
                    if(drugIndex < myDrugArray.Length -2)
                    {
                        drugIndex++;
                    }
                }
                if (ButtonType == "Previous")
                {
                    if (drugIndex > 0)
                    {
                        drugIndex--;
                    }
                }
                Session["drugIndex"] = drugIndex;
                drugModel = new FlashADrugModel { displayDrug = myDrugArray[drugIndex], nullAble = false };
            }
        }
        return PartialView("_FlashACard",drugModel);
    }

我发现在ajax调用之前添加这些行是有效的。

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/Scripts/jquery.unobtrusive-ajax.min.js")