效果图:
代码：
复制代码 代码如下:
datakeynames=orderid datasourceid=sqldatasource1
horizontalalign=left pagesize=50 >
sortexpression=orderid insertvisible=false />
sortexpression=customerid />
sortexpression=employeeid />
sortexpression=orderdate />
sortexpression=requireddate />
sortexpression=shippeddate />
sortexpression=shipvia />
sortexpression=freight />
connectionstring=
selectcommand=select top 50 * from [orders]>
jquery代码就：
复制代码 代码如下:
$(function() {
$(#text1).keyup(function() {
var filtertext = $(this).val();
$(# tr).not(:first).hide().filter(:contains(' + filtertext + ')).show();;
}).keyup();
});
里面最重要的就是jquery的选择器：
1：$(# tr)选择表格的所有行；
2：not(:first)：除去第一行表头行；
3：filter(:contains(' + filtertext + ')):从上面所选择的行里面筛选出行文本中包含filtertext 的行显示出来；
4：最后加一句keyup()是为了在提交后重新触发keyup事件。（但是在这里没有作用因为我用的客户端控件没有viewstate
若是服务器端控件就会看见他的作用）。
jquery的选择器的强大之处，让我们能救这么简单的实现客户端的简单筛选。最后加一句关于表格筛选有jquery插件提供
给我们选择， 但是这种简单的功能，我不会去选择加入一个javascript文件库，呵呵。
作者：破  浪