MVC3 JQuery選項卡

-3

我試圖創建一個包含3個部分視圖的三個選項卡的頁面。承載選項卡的主視圖。MVC3 JQuery選項卡

<script type="text/javascript"> 
$(function() { 
    $("#tabs").tabs(); 
}); 
</script> 
<div id="tabs" style="display:inline; float:inherit"> 
<ul> 
    <li>@Ajax.ActionLink("Tab name1","ActionMethod1","ControllerName",new  AjaxOptions{UpdateTargetId="div1"})</li> 
    <li>@Ajax.ActionLink("Tab name2","ActionMethod2","ControllerName",new AjaxOptions{UpdateTargetId="div2"})</li> 
<li>@Ajax.ActionLink("Tab name3","ActionMethod3","ControllerName",new AjaxOptions{UpdateTargetId="div3"})</li> 
</ul> 
</div> 
<div id=div1></div> 
<div id=div2></div> 
<div id=div3></div>

我在tab1和tab2中創建了下一個按鈕，並在tab3中提交了按鈕。

請給出代碼打開tab2按鈕（下一步）點擊tab2。以及該代碼的放置位置。是在這個主視圖還是部分視圖？

來源

2012-11-01 Joseph

http://mattgemmell.com/2008/12/08/what-have-you-tried/ –

我創建了選項卡式視圖。試圖找出如何從一個標籤切換到另一個標籤，並在tab3的提交按鈕中提交表單（tab1和tab2）。 – Joseph

在標籤1中放置一個按鈕。寫入jQuery以在單擊時打開標籤2。在標籤2中放置一個按鈕並執行相同操作。然後將您的提交按鈕放在標籤3中。您應該將所有數據都保存在視圖模型中。提交時，將該viewModel發送給控制器。如果你想得到詳細的答案，你必須發佈一個具體問題的更具體的問題，以及說明它的代碼。（順便說一下，驗證可能是PITA將單個表單分成多個部分。） –

從您的評論尋址更具體的問題

要從按鈕單擊標籤1打開標籤2：

HTML（爲jQuery tabs標準標記）：

<div id="tabs"> 
     <ul> 
      <li><a id="tab1" href="#tabs-1">Tab One</a></li> 
      <li><a id="tab2" href="#tabs-2">Tab Two</a></li> 
      <li><a id="tab3" href="#tabs-3">Tab Three</a></li> 
     </ul> 
    <div id="tabs-1> 
     <button type="button" id="GotoTab2">Next</button> 
    </div> 
    <div id="tabs-2"> 
     <!-- some content --> 
    </div>

jQuery的

$(function() { 
     $("#tabs").tabs(); 
     $('#GotoTab2').click(function() { 
      $('#tab2').click(); 
     }); 
    });

來源

2012-11-02 12:38:00

MVC3 JQuery選項卡

回答

相關問題