javascript - 在 aspx 中为应用程序表单创建选项卡

Question

http://eduvark.com/images/Manipal-University-Application-Form.jpg

（我不拥有以上链接。链接仅用于说明目的，未经许可不得用于商业用途）

如图所示，我需要创建类似选项卡的结构。我有整个申请表，但我只需要创建这些选项卡。我无法附加代码片段，因为表单太大，有多个页面。

欢迎任何帮助。

提前致谢。

Answer 1

您可以通过 jQuery 或 Ajax 控制工具包通过多种方式实现这一点。我将在这里展示 jQuery 方法（参考这个）。从这里下载所有必要的文件。提取所有文件并将 jQuery ui 和 css 文件放在您的应用程序上，并将它们链接到如下页面

<script src="../Scripts/myapp/jquery-1.9.1.js" type="text/javascript"></script>
<link href="../Styles/myapp/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/myapp/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>

如果要更改选项卡的背景图像，请在页面上添加以下样式以通过将以下样式放在页眉中来覆盖内置的 CSS

.ui-tabs-panel {background-image:url('image.jpg') !important;}

希望这对您有所帮助。

Answer 2

是的，您可以使用 jquery 选项卡，如果它们在这种情况下没有帮助。那么你可以使用

ajaxcontroltoolkit 选项卡在这里找到它然后让我知道。 http://www.asp.net/ajaxlibrary/ajaxcontroltoolkitsamplesite/tabs/tabs.aspx 加上telerik 控件也有一个非常好的和可定制的标签条控件，但它们不是免费提供的，ajaxcontroltoolkit 是免费提供的。