how to popup gridview from text box search in asp.net

Question

hello.. Here, i attached my windows application image. when i press enter key the gridview will popup. I want this type of gridview popup search in asp.net. please tell me

Amit Mohanty · Answer

Try this. Code for .aspx "C#" AutoEventWireup= "true" CodeBehind= "WebForm1.aspx.cs" Inherits= "WebApp1.WebForm1" %> "AjaxControlToolkit" Namespace= "AjaxControlToolkit" TagPrefix= "asp" %> "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > "http://www.w3.org/1999/xhtml" > "server" > Popup Window "text/javascript" src= "http://code.jquery.com/jquery-1.8.2.js" > "text/javascript" > $(function () { $( '#txtname' ).keypress(function () { ShowModalPopup(); }); }); function ShowModalPopup() { $find( "mpe" ).show(); return false ; } "text/css" > .tableBackground { background-color: silver; opacity: 0.7; } "form1" runat= "server" > "ScriptManager1" runat= "server" > "txtname" runat= "server" /> "lnkDummy" runat= "server" > "ModalPopupExtender1" BehaviorID= "mpe" runat= "server" TargetControlID= "lnkDummy" PopupControlID= "updatePanel" BackgroundCssClass= "tableBackground" > "updatePanel" runat= "server" BackColor= "White" Height= "230px" Width= "300px" Style= "display: none" > "server" ID= "gridView1" DataKeyNames= "id" AutoGenerateColumns= "false" OnSelectedIndexChanged= "gridView1_SelectedIndexChanged" AutoGenerateSelectButton= "True" > "id" HeaderText= "ID" /> "name" HeaderText= "NAME" /> "education" HeaderText= "EDUCATION" /> "location" HeaderText= "LOCATION" /> Code For .cs using System; using System.Data; namespace WebApp1 { public partial class WebForm1 : System.Web.UI.Page { protected void Page_Load( object sender, EventArgs e) { if (!IsPostBack) { loadStores(); } } protected void loadStores() { // for making Table DataTable dt = new DataTable(); // these are the table columns dt.Columns.Add( "id" , typeof ( int )); dt.Columns.Add( "name" , typeof ( string )); dt.Columns.Add( "education" , typeof ( string )); dt.Columns.Add( "location" , typeof ( string )); // these are the table rows with values dt.Rows.Add(1, "Nilesh" , "B.E(IT)" , "Rajkot" ); dt.Rows.Add(2, "Purnima" , "B.E(CSE)" , "Rajkot" ); dt.Rows.Add(3, "Chandni" , "MSc(IT)" , "Ahmedabad" ); dt.Rows.Add(4, "Rinku" , "MBA" , "Pune" ); dt.Rows.Add(5, "Nilu" , "MBBS" , "Bikaner" ); gridView1.DataSource = dt; gridView1.DataBind(); } protected void gridView1_SelectedIndexChanged( object sender, EventArgs e) { txtname.Value = gridView1.SelectedRow.Cells[2].Text; ModalPopupExtender1.Hide(); } } }

Amit Mohanty · Answer

Hey check the below links, this may help you. https://www.aspsnippets.com/Articles/Display-GridView-Row-details-in-New-Popup-Window-on-HyperLink-click-using-JavaScript-and-jQuery-in-ASPNet.aspx http://asp.net-informations.com/gridview/popup.htm https://www.c-sharpcorner.com/UploadFile/009464/how-to-show-data-of-gridview-on-pop-up-with-the-help-of-rowd/

jeenath kumar · Answer

Hi Amit mohanty Thanks for reply Great. it's working fine to me but small changes Once again Thank you so much