Javascript 搜索在Gridview上不起作用

我已经在gridview上实现了对来自的列的搜索 链接我按照我的要求实现了。但它不适合我。请参阅代码以供参考：-

 <asp:GridView ID="grdCSRPageData" runat="server" Width="100%" border="1" Style="border: 1px solid #E5E5E5;" CellPadding="3" class="hoverTable" AutoGenerateColumns="false" AllowPaging="True" BackColor="#E5E5E5" BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" ForeColor="Black" GridLines="Vertical" ShowFooter="true" PageSize="5" OnPageIndexChanging="grdCSRPageData_PageIndexChanging" OnRowCancelingEdit="grdCSRPageData_RowCancelingEdit" OnRowEditing="grdCSRPageData_RowEditing" OnRowUpdating="grdCSRPageData_RowUpdating" OnRowDeleting="grdCSRPageData_RowDeleting" OnRowCommand="grdCSRPageData_RowCommand" OnDataBound="grdCSRPageData_DataBound">
                <AlternatingRowStyle BackColor="#CCCCCC" />

                <Columns>
                    <asp:BoundField DataField="page_title" HeaderText="Page Title" ItemStyle-Width="30" />
                    <asp:BoundField DataField="page_description" HeaderText="Page Description" ItemStyle-Width="30" />
                    <asp:BoundField DataField="meta_title" HeaderText="Meta Title" ItemStyle-Width="30" />
                    <asp:BoundField DataField="meta_keywords" HeaderText="Meta Keywords" ItemStyle-Width="30" />
                    <asp:BoundField DataField="meta_description" HeaderText="Meta Description" ItemStyle-Width="30" />
                    <asp:CheckBoxField DataField="Active" HeaderText="Active" ItemStyle-Width="15" />
                    <asp:TemplateField HeaderText="Edit/Delete" HeaderStyle-Width="15%">
                        <ItemTemplate>
                            <asp:LinkButton ID="lbtnEdit" runat="server" CommandName="Edit" Text="Edit" />
                            <span onclick="return confirm('Are you sure want to delete?')">
                                <asp:LinkButton ID="btnDelete" Text="Delete" runat="server" CommandName="Delete"></asp:LinkButton>
                            </span>
                        </ItemTemplate>
                        <EditItemTemplate>
                            <asp:LinkButton ID="btnUpdate" Text="Update" runat="server" CommandName="Update" />
                            <asp:LinkButton ID="btnCancel" Text="Cancel" runat="server" CommandName="Cancel" />
                        </EditItemTemplate>
                        <HeaderTemplate>
                            <asp:Button ID="btnInsertRecord" runat="server" Text="Add" CommandName="Insert" />
                        </HeaderTemplate>
                        <HeaderStyle Width="15%"></HeaderStyle>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>

另请参见JS脚本

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>          
<script type="text/javascript" src="js/quicksearch.js"></script>
<script type="text/javascript">
    $(function () {
        $('.form-control').each(function (i) {
            $(this).quicksearch("[id*=grdCSRPageData] tr:not(:has(th))", {
                'testQuery': function (query, txt, row) {
                    return $(row).children(":eq(" + i + ")").text().toLowerCase().indexOf(query[0].toLowerCase()) != -1;
                }
            });
        });
    });
</script>

$（函数（）{
$（'.form control'）。每个（函数（i）{
$（this）.quicksearch（“[id*=grdCSRPageData]tr:not（：has（th））”{
“testQuery”：函数（查询、文本、行）{
返回$（行）.children（“：eq（“+i+”））.text（）.toLowerCase（）.indexOf（查询[0].toLowerCase（））！=-1；
}
});
});
});

另请参见ref后面的代码：-

  protected void grdCSRPageData_DataBound(object sender, EventArgs e)
    {
        GridViewRow row = new GridViewRow(0, 0, DataControlRowType.Header, DataControlRowState.Normal);
        for (int i = 0; i < grdCSRPageData.Columns.Count; i++)
        {
            TableHeaderCell cell = new TableHeaderCell();
            TextBox txtSearch = new TextBox();
            txtSearch.Attributes["placeholder"] = grdCSRPageData.Columns[i].HeaderText;
            txtSearch.CssClass = "form-control";
            cell.Controls.Add(txtSearch);
            row.Controls.Add(cell);
        }
        grdCSRPageData.HeaderRow.Parent.Controls.AddAt(1, row);
    }

protectedvoid grdCSRPageData_数据绑定（对象发送方，事件参数e）
{
GridViewRow行=新的GridViewRow（0，0，DataControlRowType.Header，DataControlRowState.Normal）；
对于（int i=0；i

网格的更改

 protected void grdUser_DataBound(object sender, EventArgs e)
    {
        GridViewRow row = new GridViewRow(0, 0, DataControlRowType.Header, DataControlRowState.Normal);
        for (int i = 0; i < grdUser.Columns.Count; i++)
        {
            TableHeaderCell cell = new TableHeaderCell();
            TextBox txtSearch = new TextBox();
            txtSearch.Attributes["placeholder"] = grdUser.Columns[i].HeaderText;
            txtSearch.CssClass = "form-control HaydaBre";

            if (grdUser.Columns[i].HeaderText != "Action" && grdUser.Columns[i].HeaderText != "" && grdUser.Columns[1].HeaderText != "Select") // && grdUser.Columns[i].HeaderText != "" && grdUser.Columns[i].HeaderText != null && grdUser.Columns[i].HeaderText != "Select")
            {
                cell.Controls.Add(txtSearch);
            }
            row.Controls.Add(cell);
        }
        grdUser.HeaderRow.Parent.Controls.AddAt(1, row);
    }

受保护的void grdUser_数据绑定（对象发送方，事件参数e）
{
GridViewRow行=新的GridViewRow（0，0，DataControlRowType.Header，DataControlRowState.Normal）；
对于（int i=0；i

---

当我添加

标题文本时

！=<代码>选择。它对第一列停止工作，但对另一列工作

有许多元素使用表单控件类。那么你能把你的C代码改成：

protected void grdCSRPageData_DataBound(object sender, EventArgs e)
    {
        GridViewRow row = new GridViewRow(0, 0, DataControlRowType.Header, DataControlRowState.Normal);
        for (int i = 0; i < grdCSRPageData.Columns.Count; i++)
        {
            TableHeaderCell cell = new TableHeaderCell();
            TextBox txtSearch = new TextBox();
            txtSearch.Attributes["placeholder"] = grdCSRPageData.Columns[i].HeaderText;
            txtSearch.CssClass = "form-control HaydaBre";
            cell.Controls.Add(txtSearch);
            row.Controls.Add(cell);
        }
        grdCSRPageData.HeaderRow.Parent.Controls.AddAt(1, row);
    }

<script type="text/javascript">
    $(function () {
        $('.HaydaBre').each(function (i) {
            $(this).quicksearch("[id*=grdCSRPageData] tr:not(:has(th))", {
                'testQuery': function (query, txt, row) {
                    return $(row).children(":eq(" + i + ")").text().toLowerCase().indexOf(query[0].toLowerCase()) != -1;
                }
            });
        });
    });
</script> 

protectedvoid grdCSRPageData_数据绑定（对象发送方，事件参数e）
{
GridViewRow行=新的GridViewRow（0，0，DataControlRowType.Header，DataControlRowState.Normal）；
对于（int i=0；i

你的JS代码是：

protected void grdCSRPageData_DataBound(object sender, EventArgs e)
    {
        GridViewRow row = new GridViewRow(0, 0, DataControlRowType.Header, DataControlRowState.Normal);
        for (int i = 0; i < grdCSRPageData.Columns.Count; i++)
        {
            TableHeaderCell cell = new TableHeaderCell();
            TextBox txtSearch = new TextBox();
            txtSearch.Attributes["placeholder"] = grdCSRPageData.Columns[i].HeaderText;
            txtSearch.CssClass = "form-control HaydaBre";
            cell.Controls.Add(txtSearch);
            row.Controls.Add(cell);
        }
        grdCSRPageData.HeaderRow.Parent.Controls.AddAt(1, row);
    }

<script type="text/javascript">
    $(function () {
        $('.HaydaBre').each(function (i) {
            $(this).quicksearch("[id*=grdCSRPageData] tr:not(:has(th))", {
                'testQuery': function (query, txt, row) {
                    return $(row).children(":eq(" + i + ")").text().toLowerCase().indexOf(query[0].toLowerCase()) != -1;
                }
            });
        });
    });
</script> 

$（函数（）{
$（'.HaydaBre'）。每个（函数（i）{
$（this）.quicksearch（“[id*=grdCSRPageData]tr:not（：has（th））”{
“testQuery”：函数（查询、文本、行）{
返回$（行）.children（“：eq（“+i+”））.text（）.toLowerCase（）.indexOf（查询[0].toLowerCase（））！=-1；
}
});
});
});

有什么工作方法吗？因为这是一个客户端实现，所以我们已经调试了您的代码，例如使用。然后请在此处共享错误消息。。你的代码在我这边有效…@woore:Error message，你的意思是说是控制台错误吗？是的，控制台消息。@woore:我有两个错误。1） TypeError:$（…）.sortable不是函数$（'.sortable'）.sortable（）；2） TypeError:$（…）。quicksearch不是一个函数$（this）。quicksearch（[id*=grdCSRPageData]tr:not（：has（th）），{谢谢你，非常感谢你的帮助。它现在对我来说很有魅力。！！：）这就是为什么我们都在这里……听到我的帮助真是太好了。如果有一位对员工有感激之情的经理，那一定也太好了：）谢谢你。祝你愉快，小心css类名：）Firebug说了什么吗？我没有检查。我在codebehind中做了一个更改，它停止工作了，更改是？