search.aspx
<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>
function search (txt){
var searchParams = {"Name" : txt};
$("#gridPanel").load("gridview.aspx",searchParams);
}
$(function ( ) {
$("#txtSearch").blur(function (e) {
var txt = this.value;
setTimeout(function ( ) {
search(txt)
}, 2000);
});
});
gridview.aspx
<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
public partial class gridview : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string name = Request.Form["name"].ToString();
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;
}
}