我使用" quicksearch"在网格视图中实现搜索它非常棒的图书馆。
之前我使用过这个库,之前我没有遇到任何问题,当我尝试使用它时,我似乎无法使它工作
我真的希望有人可以指出我可能做错了什么。
以下是代码:
<script type="text/javascript" src="../../../js/jquery.js" language="javascript"> </script>
<script type="text/javascript" src="../../../js/quicksearch.js" language="javascript"></script>
<script type="text/javascript" language="javascript">
$(function () {
$('.search_textbox').each(function (i) {
$(this).quicksearch("[id*=<%=dgridTest.ClientID%>] tr:not(:has(th))", {
'testQuery': function (query, txt, row) {
return $(row).children(":eq(" + i + ")").text().toLowerCase().indexOf(query[0].toLowerCase()) != -1;
}
});
});
});
我的HTML页面:
<asp:GridView
ID="dgridTest"
runat="server"
UseAccessibleHeader="true"
AutoGenerateColumns="False"
DataKeyNames = "Name"
PageSize="15"
OnRowCommand="dgridEmpleados_RowCommand"
Font-Size="Small"
BackColor="LightGoldenrodYellow"
BorderColor="Tan"
BorderWidth="1px"
CellPadding="2"
ForeColor="Black"
GridLines="None" >
<Columns>
<asp:TemplateField HeaderText="Name"
HeaderStyle-HorizontalAlign="Left" Visible="True">
<FooterTemplate>
<asp:Label
ID="lblNuemeroPer"
runat="server"
Text="">
</asp:Label>
</FooterTemplate>
<ItemTemplate>
<asp:Label
ID="lblNumPer"
runat="server"
CssClass="label label-success"
Font-Size="Small"
Text ='<%#Bind("Name") %>'>
</asp:Label>
</ItemTemplate>
<HeaderStyle HorizontalAlign="Left"></HeaderStyle>
<HeaderTemplate >
<asp:Label
ID="lblsearch "
runat="server"
Text="No. Permiso">
</asp:Label>
<input id="txtSearch "
type="text"
class="search_textbox"
maxlength="30"
style="color:#777777;
width:150px;
background-image:url(../../Images/Search.png); background-position:right;
background-repeat:no-repeat;" />
这是我的搜索框字段:
当我尝试搜索某些东西时,什么都没有出现。
答案 0 :(得分:-1)
$(function ()
{
$('.search_textbox').each(function (i) {
$(this).quicksearch("[id*=dgridTest] tr:not(:has(th))", {
'testQuery': function (query, txt, row) {
return $(row).children(":eq(" + i +
")").text().toLowerCase().indexOf(query[0].toLowerCase()) != -1;
}
});
});
});
试试这个......