在asp.net C#中搜索gridview

Question

我正在尝试寻找一种使用 C# 编程语言在 asp.net 中搜索网格视图的方法。我不希望网格视图启用分页。我希望它能够显示输入的输入结果。例如如果我输入 's'，所有以 s 开头的记录都将只可见。

我查看了一些在代码中有数据绑定的网站。

GridView1.DataSource = dt;
GridView1.DataBind();

我需要这个吗？这是做什么的？

我能否获得一些可以回答我的问题的建议或链接。谢谢你。

Answer 1

这是一个完整的工作示例。你想稍微调整一下以满足你自己的需要。正如 Murray Foxcroft 指出的那样，您会在此示例中找到几个 DataBindings 以使事情正常进行。

    <asp:TextBox ID="searchBox" runat="server"></asp:TextBox>
    <asp:Button ID="searchButton" runat="server" Text="search" OnClick="searchButton_Click" />
    <asp:Button ID="reset" runat="server" Text="reset" OnClick="resetSearchButton_Click" />
    <br />
    <br />
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
        <Columns>
            <asp:BoundField DataField="field01" HeaderText="Column A" />
            <asp:BoundField DataField="field02" HeaderText="Column B" />
            <asp:BoundField DataField="field03" HeaderText="Column C" />
        </Columns>
    </asp:GridView>

在后面的代码中；

   protected void Page_Load(object sender, EventArgs e)
    {
        //to make sure the data isn't loaded in postback
        if (!Page.IsPostBack)
        {
            //use a datatable for storing all the data
            DataTable dt = new DataTable();
            string query = "SELECT * FROM myTable ORDER BY myColumn DESC";

            //wrapping in 'using' means the connection is closed an disposed when done
            using (SqlConnection connection = new SqlConnection("myConnectionString"))
            using (SqlDataAdapter adapter = new SqlDataAdapter(query, connection))
            {
                try
                {
                    //fill the datatable with the contents from the database
                    adapter.Fill(dt);
                }
                catch
                {
                }
            }

            //save the datatable into a viewstate for later use
            ViewState["myViewState"] = dt;

            //bind the datasource to the gridview
            GridView1.DataSource = dt;
            GridView1.DataBind();
        }
    }

    protected void searchButton_Click(object sender, EventArgs e)
    {
        string searchTerm = searchBox.Text.ToLower();

        //check if the search input is at least 3 chars
        if (searchTerm.Length >= 3)
        {
            //always check if the viewstate exists before using it
            if (ViewState["myViewState"] == null)
                return;

            //cast the viewstate as a datatable
            DataTable dt = ViewState["myViewState"] as DataTable;

            //make a clone of the datatable
            DataTable dtNew = dt.Clone();

            //search the datatable for the correct fields
            foreach (DataRow row in dt.Rows)
            {
                //add your own columns to be searched here
                if (row["field01"].ToString().ToLower().Contains(searchTerm) || row["field02"].ToString().ToLower().Contains(searchTerm))
                {
                    //when found copy the row to the cloned table
                    dtNew.Rows.Add(row.ItemArray);
                }
            }

            //rebind the grid
            GridView1.DataSource = dtNew;
            GridView1.DataBind();
        }
    }


    protected void resetSearchButton_Click(object sender, EventArgs e)
    {
        //always check if the viewstate exists before using it
        if (ViewState["myViewState"] == null)
            return;

        //cast the viewstate as a datatable
        DataTable dt = ViewState["myViewState"] as DataTable;

        //rebind the grid
        GridView1.DataSource = dt;
        GridView1.DataBind();
    }

请注意，这种对 GridViews 的搜索可能只对 少量数据。如果您谈论的是 1000 多行，它会 最好搜索源（数据库）并将它们绑定到 网格。

注意 2：像这样搜索 GridView 单元格 (Rows[0].Cells[1].Text) 仅适用于 BoundField 列，不适用于 TemplateField 和 自动生成的列。

Answer 2

您可以使用“DataTable”javascript 功能来解决这个问题。请参考https://www.datatables.net/。

$(document).ready(function(){
    $('#GridView1').DataTable();
});

这里只设置你的表格id，它会自动设置你表格的分页、排序、过滤。

谢谢