Asp.net mvc 2 Mvc局部视图重新加载或刷新

我有一个名为Index的视图，它有4个局部视图，如_tab1、_tab2、_tab3和_tab4，每个局部视图都有表单字段，包括submit和cancel按钮，当我单击_tab4Cancel按钮时，我想在表单数据清除的情况下重新加载相同的_tab4局部视图

   <ul class="tab">
    <li class="active" id="tab1">tab1</li>
    <li class="" id="tab2">tab2</li>
    <li class="" id="tab3">tab3</li>
    <li class="" id="tab4">tab4</li>
</ul>


    <div class="tabbody" style="display: block; ">
        <% Html.RenderPartial("_tab1");  %>         
    </div>
    <div class="tabbody"style="display: block; ">

     <% Html.RenderPartial("_tab2");  %>            
    </div>
    <div class="tabbody"style="display: block; ">

        <% Html.RenderPartial("_tab3");  %>         
    </div>
    <div class="tabbody" style="display: block; ">

        <% Html.RenderPartial("_tab4");  %>         
    </div>

选项卡1
tab2
tab3
选项卡4

---

每个部分视图都有提交和取消按钮

尝试将您的部分加载到具有数据检查属性的包装器中

html:

---

用唯一id标记每个div：

<div id="tab1-content" class="tabbody" style="display: block; ">
        <% Html.RenderPartial("_tab1");  %>         
</div>

其中“cancelTab1buttonselector”是tab1中cancel按钮的选择器。对每个选项卡执行相同的操作。 您需要创建控制器的操作，将每个选项卡内容作为PartialViewResult返回：

public ActionResult Tab1() 
{
     var model = ...get model...
     return PartialView("_tab1", model);
}

---

你能添加你的代码并告诉我们你的尝试是什么吗

<div id="tab1-content" class="tabbody" style="display: block; ">
        <% Html.RenderPartial("_tab1");  %>         
</div>

$("cancelTab1buttonselector").click(function() {

   $.get("@Html.Action("Tab1")", function(data) {

      $("#tab1-content").html(data);
   });
});

public ActionResult Tab1() 
{
     var model = ...get model...
     return PartialView("_tab1", model);
}