JavaScript提高:006:ASP.NET使用easyUI TABS標籤updatepanel
前文使用了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" %> <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> <script type="text/javascript"> $(function () { $('#tabTop').tabs({ width: $("#tabTop").parent().width() }); Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); }); function EndRequestHandler() { //重新整理後的操作 return false; } </script>後台:
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) { } }
依然在web.config中加入配置標籤:
效果如下:
下載:http://download.csdn.net/detail/yysyangyangyangshan/7991493