前文使用了easyui的tab标签。切换问题,使用了session保存当前选中页,然后页面总体刷新时再切换至上次保存页码。那么使用updatepanel后,这个问题就非常好攻克了。
http://blog.csdn.net/yysyangyangyangshan/article/details/38578403
引用dll上文已说过。以下直接看怎样改进tab在页面中的使用。
前台代码:
  1. <%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
  2. Namespace="System.Web.UI" TagPrefix="asp" %>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head runat="server">
  8. <title></title>
  9.  
  10. <link href="Scripts/EasyUI/themes/icon.css" rel="stylesheet" type="text/css" />
  11. <link href="Scripts/EasyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
  12. <script src="Scripts/EasyUI/jquery-1.8.0.min.js" type="text/javascript"></script>
  13. <script src="Scripts/EasyUI/jquery.easyui.min.js" type="text/javascript"></script>
  14. <script src="Scripts/EasyUI/easyui-lang-zh_CN.js" type="text/javascript"></script>
  15. <script src="Scripts/Common.js" type="text/javascript"></script>
  16. <script src="Scripts/Ajax.js" type="text/javascript"></script>
  17. </head>
  18. <body>
  19. <form id="form1" runat="server">
  20. <asp:ScriptManager ID="ScriptManager1" runat="server">
  21. </asp:ScriptManager>
  22.  
  23. <div id="tabTop" runat="server">
  24.  
  25. <div id="Div1" title="标签一" runat="server">
  26. <asp:updatepanel ID="Updatepanel1" runat="server">
  27. <ContentTemplate>
  28. <table>
  29. <tr>
  30. <td>
  31. <asp:Button ID="btn1" runat="server" Text="点击1" OnClick="Tab1_Button_Click"/>
  32. </td>
  33. </tr>
  34. </table>
  35. </ContentTemplate>
  36. </asp:updatepanel>
  37. </div>
  38.  
  39. <div id="Div2" title="标签二" runat="server">
  40. <asp:updatepanel ID="Updatepanel2" runat="server">
  41. <ContentTemplate>
  42. <table>
  43. <tr>
  44. <td>
  45. <asp:Button ID="btn2" runat="server" Text="点击2" OnClick="Tab2_Button_Click" />
  46. </td>
  47. </tr>
  48. </table>
  49. </ContentTemplate>
  50. <%-- <Triggers>
  51. <asp:AsyncPostBackTrigger ControlID="" EventName="" />
  52. <asp:PostBackTrigger ControlID="" />
  53. </Triggers>--%>
  54. </asp:updatepanel>
  55. </div>
  56.  
  57. </div>
  58. </form>
  59. </body>
  60. <script type="text/javascript">
  61.  
  62. $(function () {
  63. $('#tabTop').tabs({
  64. width: $("#tabTop").parent().width()
  65. });
  66.  
  67. Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
  68. });
  69.  
  70. function EndRequestHandler() {
  71. //刷新后的操作
  72. return false;
  73. }
  74. </script>
  75. </html>

后台:

  1. public partial class _Default : System.Web.UI.Page
  2. {
  3. protected void Page_Load(object sender, EventArgs e)
  4. {
  5.  
  6. }
  7.  
  8. protected void Tab1_Button_Click(object sender, EventArgs e)
  9. {
  10.  
  11. }
  12.  
  13. protected void Tab2_Button_Click(object sender, EventArgs e)
  14. {
  15.  
  16. }
  17. }

依旧在web.config中增加配置标签:

  1. <httpHandlers>
  2. <remove verb="*" path="*.asmx"/>
  3. <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
  4. <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"/>
  5. </httpHandlers>

效果例如以下:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveXlzeWFuZ3lhbmd5YW5nc2hhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

这样button事件后,也不会总体刷新页面了,也就攻克了页签自己主动跳转至默认页的问题了。

代码下载:http://download.csdn.net/detail/yysyangyangyangshan/7991493

JavaScript提高:006:ASP.NET使用easyUI TABS标签updatepanel的更多相关文章

  1. JavaScript提高:005:ASP.NET使用easyUI TABS标签显示问题

    前面使用easy ui来实现了一个tabs标签(http://blog.csdn.net/yysyangyangyangshan/article/details/38307477),只是在ASP.NE ...

  2. 布局-EasyUI Panel 面板、EasyUI Tabs 标签页/选项卡、EasyUI Accordion 折叠面板、EasyUI Layout 布局

    EasyUI Panel 面板 通过 $.fn.panel.defaults 重写默认的 defaults. 面板(panel)当做其他内容的容器使用.它是创建其他组件(比如:Layout 布局.Ta ...

  3. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(23)-设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用

    ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    (2):数据库访问层的设计Demo    (3):面向接口编程   (4 ):业务逻辑层的封装    ...

  4. 设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用

    设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    (2):数据库访问层的设计Demo ...

  5. ASP.NET MVC +EasyUI 权限设计(二)环境搭建

    请注明转载地址:http://www.cnblogs.com/arhat 今天突然发现博客园出问题了,老魏使用了PC,手机,平板都访问博客园了,都是不能正常的访问,原因是不能加载CSS,也就是不能访问 ...

  6. ASP.NET MVC4+EasyUI+EntityFrameWork5权限管理系统——菜单模块的实现(二)

    ASP.NET MVC4+EasyUI+EntityFrameWork5权限管理系统——数据库的设计(一) 菜单和模块是在同一个表中,采用的是树形结构,模块菜单表结构如下代码: USE [Permis ...

  7. ASP.NET MVC+EasyUI+Entity FrameWork 整合开发

    本文详细讲解怎么用ASP.NET MVC+EasyUI+Entity FrameWork 来开发一个项目 对于ASP.NET MVC的Jscript库,主要引用 <script type=.mi ...

  8. EasyUI Tabs + Yii2.0实现iframe方式打开页面(解决共用静态文件引入加载的问题)

    在项目实际开发中,有将打开的各个链接页面隔离的需求(防止静态资源起冲突),这个时候常规思路就是使用iframe来实现!但遇到一个比较棘手的问题,当用easyui Tabs打开一个iframe页面时,怎 ...

  9. Post Complex JavaScript Objects to ASP.NET MVC Controllers

    http://www.nickriggs.com/posts/post-complex-javascript-objects-to-asp-net-mvc-controllers/     Post ...

随机推荐

  1. poj_2481,Cows,树状数组

    将e按从大到小排序,统计前i-1个中比 #include<iostream> #include<cstdio> #include<cstring> #include ...

  2. 34.angularJS的{{}}和ng-bind

    转自:https://www.cnblogs.com/best/tag/Angular/ 1. <html> <head> <meta charset="utf ...

  3. android取高度

    Rect rect = new Rect();  getWindow().getDecorView().getWindowVisibleDisplayFrame(rect);  int top = r ...

  4. 针对发起alter tablespace test begin backup 断电情况的处理

    SQL> select tablespace_name from dba_tablespaces; TABLESPACE_NAME ------------------------------ ...

  5. <Sicily> Longest Common Subsequence

    一.题目描述 Given a sequence A = < a1, a2, -, am >, let sequence B = < b1, b2, -, bk > be a s ...

  6. Python的matplotlib库画图不能显示中文问题解决

    有两种解决办法: 一种是在代码里设置为能显示中文的字体,如微软雅黑(msyh.ttf)和黑体(simsun.ttc) 如下在要画图的代码前添加: import matplotlib.pyplot as ...

  7. mac、windows如何强制关闭tomcat进程

    方式1.打开cmd,或mac的终端,输入: ① ps aux | grep "tomcat",找到响应的进程id: ② kill -9 查询的id,来强制关闭进程 方式2:wind ...

  8. Linux-CentOS5/6启动流程

    Linux-CentOS5/6启动流程

  9. Java web application——基础

    概述 一个WAR文件包含了构成一个Web应用程序所需要的文件.WAR文件作为一个单元部署在一个或多个WebLogic Server实例上. WebLogic Server上的Web存档始终包含以下文件 ...

  10. Java 异常的捕获与处理详解(二)

    (一).throws关键字 throws关键字主要是在定义上使用的,表示的是此方法中不进行异常处理,而交给被调用处处理. 例如: class MyMath { public int div(int x ...