JavaScript提高：006：ASP.NET使用easyUI TABS標籤updatepanel，easyuiupdatepanel
前文使用了easyui的tab標籤，切換問題，使用了session儲存當前選中頁，然後頁面整體重新整理時再切換至上次儲存頁碼。那麼使用updatepanel後，這個問題就很好解決了。
http://blog.csdn.net/yysyangyangyangshan/article/details/38578403
引用dll上文已說過。下面直接看如何改進tab在頁面中的使用。
前台代碼：
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI" TagPrefix="asp" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <link href="Scripts/EasyUI/themes/icon.css" rel="stylesheet" type="text/css" /> <link href="Scripts/EasyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <script src="Scripts/EasyUI/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="Scripts/EasyUI/jquery.easyui.min.js" type="text/javascript"></script> <script src="Scripts/EasyUI/easyui-lang-zh_CN.js" type="text/javascript"></script> <script src="Scripts/Common.js" type="text/javascript"></script> <script src="Scripts/Ajax.js" type="text/javascript"></script></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div id="tabTop" runat="server"> <div id="Div1" title="標籤一" runat="server"> <asp:updatepanel ID="Updatepanel1" runat="server"> <ContentTemplate> <table> <tr> <td> <asp:Button ID="btn1" runat="server" Text="點擊1" OnClick="Tab1_Button_Click"/> </td> </tr> </table> </ContentTemplate> </asp:updatepanel> </div> <div id="Div2" title="標籤二" runat="server"> <asp:updatepanel ID="Updatepanel2" runat="server"> <ContentTemplate> <table> <tr> <td> <asp:Button ID="btn2" runat="server" Text="點擊2" OnClick="Tab2_Button_Click" /> </td> </tr> </table> </ContentTemplate><%-- <Triggers> <asp:AsyncPostBackTrigger ControlID="" EventName="" /> <asp:PostBackTrigger ControlID="" /> </Triggers>--%> </asp:updatepanel> </div> </div> </form></body><script type="text/javascript"> $(function () { $('#tabTop').tabs({ width: $("#tabTop").parent().width() }); Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); }); function EndRequestHandler() { //重新整理後的操作 return false; } </script></html>後台：
public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Tab1_Button_Click(object sender, EventArgs e) { } protected void Tab2_Button_Click(object sender, EventArgs e) { } }
<httpHandlers> <remove verb="*" path="*.asmx"/> <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/> <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/> </httpHandlers>效果如下：
這樣按鈕事件後，也不會整體重新整理頁面了，也就解決了頁簽自動跳轉至預設頁的問題了。
代碼下載：http://download.csdn.net/detail/yysyangyangyangshan/7991493
多產生了什麼控制項?
aspnet想使用UpdatePanel又想返回伺服器處理後彈出對話方塊，怎辦？
可以使用ScriptManager註冊指令碼
registerClientScript方法.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
