tabpage - DevExpress MVCタブページでTabPage内のコントロールにフォーカスを設定するには?

Question

アプリケーションに DevExpress MVC を使用しています。3 つの TabPages を使用しています。タブ ページのコンテンツは異なる部分ビューにあります。私の質問は、タブ ページがクリックされたときに各タブ ページのコントロールにフォーカスを設定する方法です。

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);
    }