Question

我必须在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问题而宁愿避免使用iframe。

有没有办法使用标签和每个包含aspx页面的标签？

enter image description here

Answer 1

你能避免完全回发并使用Ajax回发吗？ Asp.net ajax可能会帮助你。否则你可以只在你的aspx页面中编写回发处理程序来做他们的事情，然后重定向回你的标签页，虽然这有点讨厌！

如何在一个页面中的选项卡内处理asx页面

1 个答案: