2013-03-05 40 views
0

我必须在aspx页中编写选项卡。每个选项卡将包含一个不同的aspx页面。 我可以用这个jQuery代码和DIV标签做到这一点:如何在一页中处理选项卡内的asx页

// 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页面?

enter image description here

回答

0

你能避免全后背上,使用Ajax后背上呢? Asp.net ajax可能会帮助你。否则,你可以编写你的aspx页面中的回发处理程序来完成它们的事情,然后重定向回到你的标签页面,虽然这有点讨厌!

相关问题