show records in a gridview when we write some data in textbox in a webpage.

Question

1.00/5 (1 vote)

See more:

Hi all,

I have a textbox and gridview when i write some value in textbox ,its corresponding records will be shown in the Gridview.

Thanks

Posted 2-Sep-11 0:54am

3796068

Add a Solution

Comments

Prerak Patel 2-Sep-11 6:55am

That is good. So, what is the problem?

2 solutions

Solution 1

onblur of your text box you can make an jQuery.ajax call to fetch the data from the server side and then you can render those data in GridView.

If you want then you can give some timer as well say after onblur give 5 sec then fetch the record and refresh the gridview.

Posted 2-Sep-11 6:52am

Rupesh Kumar Tiwari

Comments

3796068 2-Sep-11 13:13pm

Dear sir,
Can you please give some code.

Thanks

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)

Rupesh Kumar Tiwari · Accepted Answer · 2011-09-07T05:08:00

search.aspx

JavaScript

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type="text" id="txtSearch" /> 
    </div>
    <div id="gridPanel">
    </div>
    </form>
</body>
</html>

</html>

JavaScript

//used jquery plz put the reference of jquery file
//Search method to search , bind grid with data, and load the grid page.
function search (txt){
    //getting search Parameters as an JSON object.
    var searchParams = {"Name" : txt};
    //calling HTTP post ajax to load the gridview page in div.
    $("#gridPanel").load("gridview.aspx",searchParams);
}
$(function ( ) {
    // binding blur event. 
    $("#txtSearch").blur(function (e) {
        var txt = this.value;
        // calling search method after 2 seconds of 
        // entering Text on search   Textbox.
        setTimeout(function ( ) {
            search(txt)
        }, 2000);
    });
});

gridview.aspx

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:gridview id="GridView1" autogeneratecolumns="true" runat="server" xmlns:asp="#unknown">
        </asp:gridview>
    </div>
    </form>
</body>
</html>

Gridview.aspx.cs

C#

public partial class gridview : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        string name = Request.Form["name"].ToString();
        //search on the basis of name , get the datatable / dataset 
        //assign to datasource of the grid. Then bind the grid.
        GridView1.DataSource = DataBase.getData(name);
        GridView1.DataBind();
    }
}
public class DataBase
{
    private static DataTable getSchema()
    {
        DataTable dt = new DataTable();
        dt.Columns.Add(new DataColumn("Name", typeof(string)));
        dt.Columns.Add(new DataColumn("Address", typeof(string)));
        return dt;
    }
    private static DataTable getData()
    {
        DataTable dt = getSchema();

        DataRow dr = dt.NewRow();
        dr[0] = "Rupesh";
        dr[1] = "Brjn";
        dt.Rows.Add(dr);

        DataRow dr1 = dt.NewRow();
        dr1[0] = "Ritesh";
        dr1[1] = "Jsg";
        dt.Rows.Add(dr1);
        return dt;
    }
    public static DataTable getData(string name)
    {
       
        DataTable dt = getData();
        DataRow[] drs = dt.Select("Name='" + name + "'");
        DataTable dtResult = getSchema();
        foreach (DataRow dr in drs)
        {
            DataRow drNew = dtResult.NewRow();
            drNew.ItemArray = dr.ItemArray;
            dtResult.Rows.Add(drNew);
        }
        return dtResult;
    }
}