Question

我正在尝试在asp.net中执行类似updatepanel的操作。页面A显示内容和部分渲染另一个视图（页面B）的div，其中包含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);
    }

Answer 1

我发现在ajax调用工作之前添加这些行。

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

ajax.beginform（）不更新局部视图mvc

1 个答案: