[分享]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)").html();
//替换之后的td 去除<span>标签
var td2=$(this).find("td:eq(0)").html().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)").html(htmls)
$(this).show();
}
else
{
$(this).hide();
}
});
});
});
</script>
<style type="text/css">
.red{color:Red}
</style>
</head>
<body>
<form id="form1" runat="server">
产品编码<input type="text" id="txt_id" />
<asp:GridView runat="server" ID="g1" Width="100%" AutoGenerateColumns="false">
<Columns>
<asp:BoundField HeaderText="产品ID" DataField="产品ID" />
<asp:BoundField HeaderText="产品名称" DataField="产品名称" />
<asp:BoundField HeaderText="规格型号" DataField="规格型号" />
<asp:TemplateField>
<HeaderTemplate>需求数量</HeaderTemplate>
<ItemTemplate>
<input type="text" value='<%#Eval("需求数量")%>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</form>
</body>
</html>
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 < 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不分页情况上的筛选功能](http://img.reader8.net/uploadfile/jiaocheng/20140128/2610/2014012617102228398.png)
![[分享]GridView不分页情况上的筛选功能](http://img.reader8.net/uploadfile/jiaocheng/20140128/2610/2014012617102228399.png)
![[分享]GridView不分页情况上的筛选功能](http://img.reader8.net/uploadfile/jiaocheng/20140128/2610/2014012617102228400.gif)
![[分享]GridView不分页情况上的筛选功能](http://img.reader8.net/uploadfile/jiaocheng/20140128/2610/2014012617102228401.gif)
