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

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

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

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

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


&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
    &lt;title&gt;无标题页&lt;/title&gt;
    &lt;script src="jquery.js" type="text/javascript"&gt;&lt;/script&gt;
     &lt;script language="javascript" type="text/javascript"&gt;
        $(document).ready(function() {
             
             
             $("#txt_id").keyup(function(){
                //当前筛选的条件
                var valTxt=$(this).val();
                $("#g1").find("tr:gt(0)").each(function(){
                   //原来的td 可能含有&lt;span&gt;标签
                   var td1=$(this).find("td:eq(0)").html();
                   
                   //替换之后的td 去除&lt;span&gt;标签
                   var td2=$(this).find("td:eq(0)").html().replace(/&lt;.*?&gt;/g,"");
                   
                   
                   
                   if(td2.toLowerCase().indexOf(valTxt.toLowerCase())!=-1)
                   {
                       
                       var htmls=td2.toUpperCase().replace(valTxt.toUpperCase(),"&lt;span class='red'&gt;"+valTxt.toUpperCase()+"&lt;/span&gt;");
                       $(this).find("td:eq(0)").html(htmls)
                       $(this).show();
                   }
                   else
                   {
                       $(this).hide(); 
 
                   }
                });
             });
            
        });
    &lt;/script&gt;
   &lt;style type="text/css"&gt;
    .red{color:Red}
   &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;form id="form1" runat="server"&gt;
    产品编码&lt;input type="text" id="txt_id" /&gt;
    &lt;asp:GridView runat="server" ID="g1" Width="100%" AutoGenerateColumns="false"&gt;
    &lt;Columns&gt;
        &lt;asp:BoundField HeaderText="产品ID" DataField="产品ID" /&gt;
        &lt;asp:BoundField HeaderText="产品名称" DataField="产品名称" /&gt;
        &lt;asp:BoundField HeaderText="规格型号" DataField="规格型号" /&gt;
        &lt;asp:TemplateField&gt;
            &lt;HeaderTemplate&gt;需求数量&lt;/HeaderTemplate&gt;
            &lt;ItemTemplate&gt;
                &lt;input type="text" value='&lt;%#Eval("需求数量")%&gt;' /&gt;
            &lt;/ItemTemplate&gt;
        &lt;/asp:TemplateField&gt;
    &lt;/Columns&gt;
    
    &lt;/asp:GridView&gt;
    &lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;


 protected DataTable dt
    {
        get
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("产品ID", typeof(string));
            dt.Columns.Add("产品名称", typeof(String));
            dt.Columns.Add("规格型号", typeof(String));
            dt.Columns.Add("需求数量", typeof(int));

            

            for (int i = 0; i &lt; 100; i++)
            {
                string id = Guid.NewGuid().ToString("").ToUpper();
                string pid1 = Guid.NewGuid().ToString().Substring(0, 4).ToUpper();
                string pid2 = Guid.NewGuid().ToString().Substring(0, 4).ToUpper();
                dt.Rows.Add(new object[] { id, "产品"+pid1, pid2, i+1 });     
 
            }
            return dt;
        }
    }
    protected void Page_Load(object sender, EventArgs e)
    {
        g1.DataSource = dt;
        g1.DataBind();
    }

具体看效果吧

[解决办法]
学习。。。。。。。。
[解决办法]
高手啊，学习啦！
[解决办法]
[分享]GridView不分页情况上的筛选功能

[解决办法]
感谢分享学习了
[解决办法]
非常好，膜拜啊
[解决办法]
学习，感谢分享
[解决办法]
高手啊学习学习~~ [分享]GridView不分页情况上的筛选功能

[解决办法]
高手啊，学习中 fgghhtf
[解决办法]
厉害，高手 [分享]GridView不分页情况上的筛选功能

[解决办法]
感谢分享！！
[解决办法]
小手一抖，金币到手。。

[解决办法]
受用，谢谢分享。
[解决办法]
佩服，佩服...
[解决办法]
不错，谢谢分享，继续努力。
[解决办法]
呵呵，谢谢很好，很强大
[解决办法]
谢谢分享啊！呵呵
[解决办法]
非常好，膜拜啊高手！
[解决办法]
谢谢分享.收藏备用！

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

热点推荐