tabpage - 如何在 DevExpress MVC 标签页的 TabPage 内设置焦点？

Question

我正在为我的应用程序使用 DevExpress MVC。因为我正在使用三个 TabPages。Tab Pages 的内容在不同的 Partial Views 中。我的问题是如何在单击标签页时将焦点设置在每个标签页中的控件上？

Answer 1

您可以使用 Html.RenderAction 进行尝试。例如：

@Html.DevExpress().PageControl(
settings =>
{
    settings.Name = "myTabs";
    settings.CallbackRouteValues = new { Controller = "Tabs", Action = "CallbackTabs" };

    settings.TabPages.Add("Tab1").SetContent(() =>
    {
        ViewContext.Writer.Write("<div class='tab1Content'>");
            Html.RenderAction("GetTab1", "Tabs");
        ViewContext.Writer.Write("</div>");
    });
    settings.TabPages.Add("Tab2").SetContent(() =>
    {
        ViewContext.Writer.Write("<div class='tab1Content'>");
            Html.RenderAction("GetTab2", "Tabs");
        ViewContext.Writer.Write("</div>");
    });
}

和控制器动作：

    public ActionResult GetTab1()
    {
        return PartialView("_Tab1", result);
    }

    public ActionResult GetTab2()
    {
        return PartialView("_Tab2", result);
    }