如何在ASP.NET MVC3中使用Razor创建选项卡视图？

Question

如何在ASP.NET MVC3中使用Razor创建选项卡视图？

c#asp.net-mvc-3razortabs

3

我正在使用C#和Razor开发ASP.NET MVC3的Web应用程序。我需要在网页中创建选项卡，就像在浏览器中显示的一样。

我不知道MVC3是否已经提供了可用的模板，或者创建选项卡是否比我想象的更容易。实际上这是我第一次被要求这么做。

有没有人有什么建议或建议？起初我计划使用postbacks来完成它，以便不会花费太多时间在jQuery或其他客户端技术上。非常感谢:D

- CiccioMiami

1

jQuery是MVC3生态系统的重要组成部分。学习它会给你带来很多好处！ - Anders Marzi Tornblad

1

拥抱jQuery！如果我没记错的话，在MVC中没有所谓的postback，至少从语义上讲是这样。您单击链接（请求），然后发生某些事情（响应），其中可能包括返回当前所在的同一页。无状态是我们的朋友。 - MrBoJangles

@MrBoJangles 没错。MVC 主要涉及低级别的 GET 和 POST 请求。 - user596075

谢谢您的评论，也许我误用了 postbacks，我的意思是同步将请求发送回服务器，而不使用任何基于 AJAX 的技术。我也喜欢 jQuery，但首先我需要向用户展示功能，然后最后一步是采用客户端技术来改善用户体验。 - CiccioMiami

2个回答

2

MVC的默认模板对于导航有一个基于简单CSS的简单标签系统。你应该看一下这些。我知道你说你想避免使用jQuery，但它们没有显著的学习曲线，而且网上有数百个它们的使用示例。与PartialViewResults和jquery ajax结合使用，http://jqueryui.com/demos/tabs/可以成为一个强大的工具。ASP.NET MVC 2使用jQuery加载局部视图-无客户端验证。

- Darthg8r

选项卡？那更像是导航按钮。我不知道是否可以称之为“选项卡”。 - user596075

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user596075 · Accepted Answer

在我看来，学习jQuery所需要的时间（取决于您对JavaScript / jQuery的熟悉程度）将非常值得，因为这可以帮助您节省时间并制作出漂亮的选项卡。

jQuery UI Tabs很容易设置，非常灵敏，外观也很好看。