_tab1, _tab2, _tab3 및 _tab4와 같은 4 개의 부분보기가있는 Index라는보기가 있습니다. 각 부분보기에는 제출 및 취소 버튼을 포함한 양식 필드가 있습니다. _tab4 취소 버튼을 클릭하면 동일한 _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>
각 부분보기에는 제출 및 취소 버튼이 있습니다.
고유 ID로 각 div를 표시하십시오.
<div id="tab1-content" class="tabbody" style="display: block; ">
<% Html.RenderPartial("_tab1"); %>
</div>
취소 버튼 클릭 기능에서 일부 jQuery 코드를 실행하십시오.
$("cancelTab1buttonselector").click(function() {
$.get("@Html.Action("Tab1")", function(data) {
$("#tab1-content").html(data);
});
});
여기서 "cancelTab1buttonselector"는 tab1의 취소 버튼에 대한 선택기입니다. 각 탭에 대해 동일하게 수행하십시오. PartialViewResult로 각 탭 콘텐츠를 반환하는 컨트롤러의 작업을 만들어야합니다.
public ActionResult Tab1()
{
var model = ...get model...
return PartialView("_tab1", model);
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다