JavaScript提高:006:ASP.NET使用easyUI TABS标签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)
- {
- }
- }
依旧在web.config中增加配置标签:
- <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>
效果例如以下:
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的更多相关文章
- JavaScript提高:005:ASP.NET使用easyUI TABS标签显示问题
前面使用easy ui来实现了一个tabs标签(http://blog.csdn.net/yysyangyangyangshan/article/details/38307477),只是在ASP.NE ...
- 布局-EasyUI Panel 面板、EasyUI Tabs 标签页/选项卡、EasyUI Accordion 折叠面板、EasyUI Layout 布局
EasyUI Panel 面板 通过 $.fn.panel.defaults 重写默认的 defaults. 面板(panel)当做其他内容的容器使用.它是创建其他组件(比如:Layout 布局.Ta ...
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列(23)-设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用
ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) (1):框架搭建 (2):数据库访问层的设计Demo (3):面向接口编程 (4 ):业务逻辑层的封装 ...
- 设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用
设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) (1):框架搭建 (2):数据库访问层的设计Demo ...
- ASP.NET MVC +EasyUI 权限设计(二)环境搭建
请注明转载地址:http://www.cnblogs.com/arhat 今天突然发现博客园出问题了,老魏使用了PC,手机,平板都访问博客园了,都是不能正常的访问,原因是不能加载CSS,也就是不能访问 ...
- ASP.NET MVC4+EasyUI+EntityFrameWork5权限管理系统——菜单模块的实现(二)
ASP.NET MVC4+EasyUI+EntityFrameWork5权限管理系统——数据库的设计(一) 菜单和模块是在同一个表中,采用的是树形结构,模块菜单表结构如下代码: USE [Permis ...
- ASP.NET MVC+EasyUI+Entity FrameWork 整合开发
本文详细讲解怎么用ASP.NET MVC+EasyUI+Entity FrameWork 来开发一个项目 对于ASP.NET MVC的Jscript库,主要引用 <script type=.mi ...
- EasyUI Tabs + Yii2.0实现iframe方式打开页面(解决共用静态文件引入加载的问题)
在项目实际开发中,有将打开的各个链接页面隔离的需求(防止静态资源起冲突),这个时候常规思路就是使用iframe来实现!但遇到一个比较棘手的问题,当用easyui Tabs打开一个iframe页面时,怎 ...
- Post Complex JavaScript Objects to ASP.NET MVC Controllers
http://www.nickriggs.com/posts/post-complex-javascript-objects-to-asp-net-mvc-controllers/ Post ...
随机推荐
- poj_2481,Cows,树状数组
将e按从大到小排序,统计前i-1个中比 #include<iostream> #include<cstdio> #include<cstring> #include ...
- 34.angularJS的{{}}和ng-bind
转自:https://www.cnblogs.com/best/tag/Angular/ 1. <html> <head> <meta charset="utf ...
- android取高度
Rect rect = new Rect(); getWindow().getDecorView().getWindowVisibleDisplayFrame(rect); int top = r ...
- 针对发起alter tablespace test begin backup 断电情况的处理
SQL> select tablespace_name from dba_tablespaces; TABLESPACE_NAME ------------------------------ ...
- <Sicily> Longest Common Subsequence
一.题目描述 Given a sequence A = < a1, a2, -, am >, let sequence B = < b1, b2, -, bk > be a s ...
- Python的matplotlib库画图不能显示中文问题解决
有两种解决办法: 一种是在代码里设置为能显示中文的字体,如微软雅黑(msyh.ttf)和黑体(simsun.ttc) 如下在要画图的代码前添加: import matplotlib.pyplot as ...
- mac、windows如何强制关闭tomcat进程
方式1.打开cmd,或mac的终端,输入: ① ps aux | grep "tomcat",找到响应的进程id: ② kill -9 查询的id,来强制关闭进程 方式2:wind ...
- Linux-CentOS5/6启动流程
Linux-CentOS5/6启动流程
- Java web application——基础
概述 一个WAR文件包含了构成一个Web应用程序所需要的文件.WAR文件作为一个单元部署在一个或多个WebLogic Server实例上. WebLogic Server上的Web存档始终包含以下文件 ...
- Java 异常的捕获与处理详解(二)
(一).throws关键字 throws关键字主要是在定义上使用的,表示的是此方法中不进行异常处理,而交给被调用处处理. 例如: class MyMath { public int div(int x ...