- 浏览: 232345 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
njmnjx:
humors221 写道这篇文章还不错,不过有一个小问题,就是 ...
html判断页面加载完毕 -
donkey526485268:
httpModules应用 -
humors221:
这篇文章还不错,不过有一个小问题,就是setInterval( ...
html判断页面加载完毕 -
小昭WBCA:
[/ code]
jquery判断子元素是否存在
主要代码如下:
一、样式
二、js
三、后台关键代码
绑定数据到GridView等等操作省略……
一、样式
<style type="text/css"> .over { background:#ace1eb; } .alt { background: #fafeff; } </style>
二、js
<script type="text/javascript" src="../../js/jquery-1.3.2.js"></script> <script type="text/javascript"> //---------------隔行变色、搜索框输入及时过滤,兼容UpdatePanel-------------- var t = false; //此变量用于判断行是否存在偶行变色样式类 $(function() { load(); }); //分开写为了是在后台触发此方法,兼容UpdatePanel function load() { $("#gvFieldData tr:even").addClass("alt"); //此#gvFieldData 为GridView在客户端id $("#gvFieldData tr").hover( function() { t = $(this).hasClass("alt"); if (t) $(this).removeClass("alt"); //移除此背景样式类后,再添加另外一个背景样式类 $(this).addClass("over"); }, function() { if (t) $(this).addClass("alt"); $(this).removeClass("over"); } ); var $trs = $("tr"); //选择所有行 //实时筛选,#txtSearchKey此为关键字收集文本框 $("#txtSearchKey").keyup(function() { $trs.show(); var countrys = []; //存放及时搜索内容 if (this.value != "") { $trs.hide(); //一、不兼容指定列查询,不兼容title等属性的处理 //$trs.filter(":first,:contains('" + this.value + "')").show(); //二、兼容指定列查询----------------- $trs.filter(":first").show(); var tds = $("#gvTableData tr").find("td:eq(2),td:eq(3),td:eq(4)"); var v = this.value; tds.filter(function(index) { //span标签为适应页面显示长内容,截取部分显示,而全部的则放在titile中,将截取的要显示部分用span包裹起来 var t = $(this).children("span").attr("title"); if (t.toUpperCase().indexOf(v.toUpperCase()) != -1) { countrys.push($(this).parent()); $(this).parent().show(); } }); //------------------------------------------ } $trs.removeClass("alt"); //移除背景色为新内容准备 //一、不兼容指定列查询,不兼容title等属性的处理 //$trs.filter(":contains('" + this.value + "'):even").addClass("alt"); //给偶数行添加odd样式 //------------------------------------------ //二、兼容指定列查询 var tds = $("#gvTableData tr").find("td:eq(2),td:eq(3),td:eq(4)"); if (countrys.length > 0) { $.each(countrys, function(i, n) { if (i % 2 != 0) this.addClass("alt"); }); } else { $trs.filter(":even").addClass("alt"); } }); } //-------------------------------------------------------------------------- </script>
三、后台关键代码
绑定数据到GridView等等操作省略……
//因为有UpdatePanel1所以onload事件要重新触发一次 ScriptManager.RegisterClientScriptBlock(UpdatePanel1, UpdatePanel1.GetType(), "load", "load()", true);
发表评论
-
保存到桌面 功能
2013-11-19 15:34 925一、准备一个icon图标,图片类型必须是icon类型,不能通过 ... -
单点登录两种实现方案
2013-10-16 13:52 877说是两种其内在实质还是一个思路。 一种是使用js,另一种是使用 ... -
美化File控件-图片按键上传文件
2013-07-16 21:13 2455效果图: 一、显示样式 上传控件显示为一个图片 点击 ... -
dll项目添加服务引用
2011-07-24 16:17 1282当创建一个dll项目中添加了服务引用,但引用这个dll文件者又 ... -
邮件打开统计
2011-07-24 16:08 2805统计邮件是否被打开(或者打开次数) 1、在邮件的最下面(任意 ... -
匹配邮箱
2011-07-24 11:59 985匹配邮箱 (?m)^((([^\"\s]+)|(&q ... -
ListBox应用
2010-11-13 12:00 1006using System; using System.C ... -
rss 订阅
2010-11-11 20:50 1138//aspx页面内容 <%@ Page Langu ... -
枚举操作类
2010-10-27 20:25 870using System; using System.C ... -
自动执行服务程序 两法
2010-10-10 13:17 1113创建服务程序,利用此程序完成自动执行的工作。两种方法: 首先创 ... -
细边框Table制作 页面居中
2010-07-27 21:08 2579在页面布局时经常会使用到table,但如果使其bo ... -
通过泛型插入(更新)实体数据
2010-07-25 08:56 2405/// <summary> /// 通过泛型 ... -
DataReader 转换成实体(或List)
2010-07-25 08:39 8459/// <summary> /// Data ... -
自定义控件
2010-07-17 22:06 1050最近做项目见到别人写的一个分页控件不错,记录一下关于路径的问题 ... -
自定义DateTable样例
2010-07-17 20:05 984记录流程备查 #region 创建自定义DataTabl ... -
发送邮件的两种方式
2010-07-11 14:44 1207一、实现代码如下: using System; using ... -
提示信息 换行 alert(); titile
2010-03-17 14:13 1828标签的titile属性内容文本换行可使用 代码 ... -
GridViw 绑定DataTable数据源 分页
2010-03-11 15:35 3063使用DataTable后分页有两种形式: 一、使用自定义的分页 ... -
SQL to Linq 翻译软件 Linqer
2010-03-06 10:28 2897先前我使用的是LINQPad,这个软件是一个编写Linq语句进 ... -
母板使用后样式问题
2010-03-03 20:07 928在单一aspx页面中操作没有什么问题,但要处理每个页面的登陆权 ...
相关推荐
两种方法实现GridView隔行变色和光棒效果:前台和后台配合使用及JQuery方式,感兴趣的朋友可以参考下哈,希望可以帮助到你
Gridview隔行换色
gridview 光棒效果 简单的光棒效果 很简单的
做开发时列表展示时经常会有光棒效果,我们往往在.cs文件中写很多后台代码,如果列表展示页面很多时,几乎等同于复制粘贴。该JS代码只需在aspx页面里引入就行,非常方便易维护,注意列表的ID
这个例子主要是cs服务端绑定客户端js事件,并传递数据的id值,和行的客户端ID,通过客户端id来改变 GridView的颜色,在Html代码中,Gridview相当于一个行。通过Gridview自动生成的一个行的客户端id来取值
GridView荧光棒效果 GridView荧光棒效果 GridView荧光棒效果 GridView荧光棒效果
GridView选定行变色GridView选定行变色GridView选定行变色GridView选定行变色GridView选定行变色GridView选定行变色
ASPXGridView详解(上) 一。ASPXGridView外观显示 属性: Caption----列的标题( KeyFieldName----数据库字段 SEOFriendly 是否启用搜索引擎优化 Summary 指定分页汇总信息的格式 Setting节点的ShowFilterRow=...
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#37B4F5';this.style....
.net基础框架gridwiew单选变色 最适用的Gridview模板
gridview排序 变色 分页添加命令实例
实现简单的荧光棒效果,颜色可以自己更改的
Android 点击ListView 或GridView 的一个item 使其里面textview变色 详情可访问博客地址:http: blog csdn net gaolei1201 article details 39084159
使用GridView 实现的漂亮的多选效果
用GridView实现的Gallery效果,由于Gallery实现起来效果不好,所以用GridView实现了,有点击选中效果
Gridview光棒效果 鼠标滑过
android gridview分页和滑动效
gridview中图片点击时变暗效果,不用换背景图片
一个比较完善的GridView控件,自动排序,隔行变色,全选等等功能