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选项卡

回答

相关问题