Search and highlight rows in gridview using C#

Question

0.00/5 (No votes)

See more:

I have a gridview that is populated on page load. I added a search option and when user clicks button I want the matching row to be highlighted in gridview. The grid will display all the data but will only highlight the matching row. Below is my code but it doesn't highlight the matching row. Any suggestions?

What I have tried:

My Gridview:

<asp:GridView ID="Search" runat="server" CssClass="table table-bordered table-hover" AutoGenerateColumns="False">
                         <Columns>
                             <asp:BoundField DataField="ID" Visible="False" />
                             <asp:BoundField DataField="ITEM No#" HeaderText="ITEM No" ItemStyle-CssClass="ITEM No" />
                             <asp:BoundField DataField="Discipline Required" HeaderText="Discipline Required" />
                             <asp:BoundField DataField="Service Description" HeaderText="Service Description" />
                             <asp:BoundField DataField="Institution" HeaderText="Institution" />
                             <asp:BoundField DataField="Award Date" HeaderText="Award Date" />
                             <asp:TemplateField HeaderText="Update Record">
                                                       <ItemTemplate>
                                                           <asp:Button ID="RadioButton1" Text="Update" ForeColor="Blue" runat="server" OnClick="Update_Click" CommandName="Update" />
                                                       </ItemTemplate>
                                                       </asp:TemplateField>
                         </Columns>
                     </asp:GridView>

Highlight search code:

protected void OnRowDataBound(object sender, GridViewRowEventArgs e)
   {
       if (e.Row.RowType == DataControlRowType.DataRow)
       {
           e.Row.Cells[0].Text = Regex.Replace(e.Row.Cells[0].Text, RefNo.Text.Trim(), delegate (Match match)
           {
               return string.Format("<span style = 'background-color:#D9EDF7'>{0}</span>", match.Value);
           }, RegexOptions.IgnoreCase);
       }
   }

Posted 14-Mar-17 0:33am

Nomfundo Cindi

Updated 14-Mar-17 1:20am

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Accepted Answer · 2017-03-14T01:20:00

refer this

<form id="form1" runat="server">
        <asp:TextBox ID="RefNo" runat="server"></asp:TextBox>
        <asp:Button ID="btn" runat="server"  Text="search" OnClick="btn_Click"/>
        <asp:GridView ID="Search" runat="server" CssClass="table table-bordered table-hover" AutoGenerateColumns="False" OnRowDataBound="OnRowDataBound">
            <Columns>
                <asp:BoundField DataField="ID" Visible="False" />
                <asp:BoundField DataField="Name" HeaderText="Name" />
                <asp:BoundField DataField="Address" HeaderText="Address" />
            </Columns>
        </asp:GridView>

    </form>

protected void Page_Load(object sender, EventArgs e)
{

    if (!Page.IsPostBack)
    {
        BindData();
    }
}

public void BindData() {
    DataTable dt = new DataTable();
    dt.Columns.Add("ID");
    dt.Columns.Add("Name");
    dt.Columns.Add("Address");
    dt.Rows.Add(1, "karthik", "Bangalore india");
    dt.Rows.Add(2, "prasanth", "Tamilnadu india");
    dt.Rows.Add(2, "sachin", "Mumbai india");
    dt.Rows.Add(2, "sehwag ", "delhi india");

    Search.DataSource = dt;
    Search.DataBind();
}


protected void OnRowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        string seachtext = RefNo.Text.Trim();
        int[] colsToCheck = new int[] {0,1,2};  // columns to be searched [ zero based index ]
        for (int i = 0; i < colsToCheck.Length; i++)
        {
            int colIndex = colsToCheck[i];
            e.Row.Cells[colIndex].Text = Regex.Replace(e.Row.Cells[colIndex].Text, seachtext, delegate(Match match)
            {
                return string.Format("<span style = 'background-color:yellow'>{0}</span>", match.Value);
            }, RegexOptions.IgnoreCase);
        }

    }
}

protected void btn_Click(object sender, EventArgs e)
{
    BindData();
}