0

我必须在 aspx 页面中编程选项卡。每个选项卡将包含一个不同的 aspx 页面。我可以用这个 jquery 代码和 Div 标签来做到这一点:

// In Default.aspx
<head runat="server">
    <link rel="stylesheet" href="~/Styles/jquery-ui.css" />

    <script src="Scripts/jquery-1.9.1.js"></script>

    <script src="Scripts/jquery-ui.js"></script>

    <link rel="stylesheet" href="/resources/demos/style.css" />

    <script>
        $(function() {
        $( "#tabs" ).tabs();
        });
    </script>

    <script language="javascript">
        $(document).ready(function () {

            $("#tabs-1").load("First.aspx", {}, function (data) {
                // do something
            });

            $("#tabs-2").load("Second.aspx", {}, function (data) {
                // do something
            });

        });
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">First tab</a></li>
            <li><a href="#tabs-2">Second tab</a></li>
        </ul>
        <div id="tabs-1">
        </div>
        <div id="tabs-2">

        </div>
    </div>
    </form>
</body>

我的问题是包含在选项卡中的 aspx 页面的回发。当 First.aspx 或 Second.aspx 回发时,Defautl.aspx 就会消失,First.aspx 或 Second.asps 会控制屏幕。

一种解决方案是使用 iframe 而不是 Div,但我过去曾遇到过 iframe 的问题,因此更愿意避免使用它们。

有什么方法可以使用选项卡和每个包含 aspx 页面的选项卡?

在此处输入图像描述

4

1 回答 1

0

你能避免全员回传而使用 Ajax 回传吗?Asp.net ajax 可能会帮助你。否则,您可以在您的 aspx 页面中编写回发处理程序来完成他们的工作,然后重定向回您的标签页,尽管这有点讨厌!

于 2013-03-05T22:30:22.087 回答