ビューに Kendo タブストリップ コントロールがあり、各タブが部分ビューから読み込まれる 3 つのタブがあります。部分的なビューでは、ボタンがあります。ボタンをクリックすると、部分ビューのみが表示され、親ビューはポストイベント後に表示されません。
簡単に参照できるように、コードを以下に示します
親ビューでは、
@(Html.Kendo()
.TabStrip()
.Name("tabStrip")
.SelectedIndex(0)
.Items
(tabs =>
{
tabs.Add().Text("tab1").LoadContentFrom("_Viewtab1", "Controller1", new { id = Model.Id });
tabs.Add().Text("tab2").LoadContentFrom("_Viewtab2", "Controller1", new { id = Model.Id });
tabs.Add().Text("tab3").LoadContentFrom("_Viewtab3", "Controller1", new { Id = Model.Id });
}
)
)
参照ビュー '_Viewtab1' で、
@model model1
<div id="ktab1">
@{ Html.RenderPartial("_PartialView1", Model, new ViewDataDictionary { { "id", Model.Id } });}
</div>
部分的に見ると、
@using (Ajax.BeginForm("_PartialView1", "Controller1",
new AjaxOptions { UpdateTargetId = "ktab1", OnSuccess = "return jfunction('partialform1', 1);" },
new { id = Model.Id, id = "partialform1" }))
{
<input type="submit" value='Submit' />
}