当前位置: 代码迷 >> ASP.NET >> [分享]GridView不分页情况上的筛选功能
  详细解决方案

[分享]GridView不分页情况上的筛选功能

热度:1244   发布时间:2013-02-25 00:00:00.0
[分享]GridView不分页情况下的筛选功能.
本帖最后由 diaodiaop 于 2013-01-14 17:10:40 编辑
不知道你有没有遇到过这样的问题..

一个列表显示数据 而且还不能分页的? 如果你使用搜索的功能 那么每行填写的数据又都丢失的情况?

前几天就遇到了.ERP的配料出库部分.物料太多.不能后台查询.这样的话 填写的数量都丢失了..

于是乎 写了这个东西.高手勿喷啊..


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script src="jquery.js" type="text/javascript"></script>
     <script language="javascript" type="text/javascript">
        $(document).ready(function() {
             
             
             $("#txt_id").keyup(function(){
                //当前筛选的条件
                var valTxt=$(this).val();
                $("#g1").find("tr:gt(0)").each(function(){
                   //原来的td 可能含有<span>标签
                   var td1=$(this).find("td:eq(0)")();
                   
                   //替换之后的td 去除<span>标签
                   var td2=$(this).find("td:eq(0)")().replace(/<.*?>/g,"");
                   
                   
                   
                   if(td2.toLowerCase().indexOf(valTxt.toLowerCase())!=-1)
                   {
                       
                       var htmls=td2.toUpperCase().replace(valTxt.toUpperCase(),"<span class='red'>"+valTxt.toUpperCase()+"</span>");
                       $(this).find("td:eq(0)")(htmls)
                       $(this).show();
                   }
                   else
                   {
                       $(this).hide();