Pass selected GridView row inside popup window to parent page using C#, VB.Net and jQuery in ASP.Net

abd.mash

SOLVED CLOSED ACTIVE ANSWERED
User: abd.mash
Posted: on Nov 23, 2017 05:15 AM
Forum: Data Controls
Answer: 1
Views: 11888
Sample Code: Download

I have 2 pages in asp.net with c# .

a parent.aspx and popup.aspx.

I passed a querystring(id) into page load of popup.aspx and used function to call row of table base on id and show gridview on popup.aspx.

now I want to select this row, and pass details into text boxes of parent.aspx that is open now. Everything is ok and row of table is passed into text boxes, but it is into new window popup of parent.aspx page, that I don't want this.

I want pass details into this page(parent.aspx) that now is open.

How can I do that.thanks.

below is my code for pass id to pop-up window

        protected void btn_search_id_Click(object sender, ImageClickEventArgs e)
        {

          string str1 = Encrypt(txt_sh_p.Text);
          btn_search_id.Attributes.Add("onclick", "window.open('popup.aspx?sh_p_=" + str1 + "','Report','width=750,height=500,toolbar=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,left=200,top=50'); return false;");

        }

my code for reading id and select row and display row in gridview on page load event of popup.aspx

        protected void Page_Load(object sender, EventArgs e)
        {

                DAL.Sab_Ashkh sabt_ashkh = new DAL.Sab_Ashkh();
                List<DAL.Sab_Ashkh> sabt_ashkh_list;

                sabt_ashkh.sh_p = Decrypt(Request.QueryString["sh_p_"]);
                sabt_ashkh_list = sabt_ashkhDB.GetShakh_find(sabt_ashkh.sh_p);
                grid_ashkh.Visible = true;
                grid_ashkh.DataSource = grid_ashkh_list;
                grid_ashkh.DataBind();  

        }

and javascript code for pass row to parent page:

 <script type="text/javascript">
     function SetName() {
         if (window.opener != null && !window.opener.closed) {
             var txtName = window.opener.document.getElementById("txt_id_mahkom");
             grid = document.getElementById("grid_ashkhas_shaki");
             var cellPivot;
             if (grid.rows.length > 0) {
                 for (i = 1; i < grid.rows.length; i++) {
                     cellPivot = grid.rows[i].cells[1];
                     TXT.value = cellPivot;
                 }
             }
         }
         window.close();
     }
</script>

but it does not work.thanks for reply

Download FREE API for Word, Excel and PDF in ASP.Net

kalpesh

0 7

Reply
ANSWER
User: kalpesh
Replied: on Dec 12, 2017 06:43 AM
Modified: on Dec 12, 2017 06:45 AM
Report

Refer the below Sample Code for your reference.

On click on button from Parent Page (Parent.aspx) Child page get open (ChildPopUpPage.aspx) which contains grid view with details. Once we click on grid row it close the child window popup and sets values to label of parent window.

HTML

Parent.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var popup;
            $("[id*=btnPass]").click(function () {
                popup = window.open("ChildPopUpPage.aspx", "Popup", "width=300,height=300");
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table>
            <tr>
                <td>
                    Customer Id:
                </td>
                <td>
                    <asp:Label ID="lblCustomerId" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td>
                    Name :
                </td>
                <td>
                    <asp:Label ID="lblName" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td>
                    Country :
                </td>
                <td>
                    <asp:Label ID="lblCountry" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <asp:Button ID="btnPass" runat="server" Text="Pass" />
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

ChildPopUpPage.aspx

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("[id*=gvCustomerDetails] tr").not($("[id*=gvCustomerDetails] tr:first-child")).click(function () {
                var customerId = $(this).find("[id*=lblCustomerId]")[0].innerHTML;
                var name = $(this).find("[id*=lblName]")[0].innerHTML;
                var country = $(this).find("[id*=lblCountry]")[0].innerHTML;

                /* Access parent window and sets its control values*/
                var parentwindow = $(window.opener.document);
                parentwindow.find('#lblCustomerId').html(customerId);
                parentwindow.find('#lblName').html(name);
                parentwindow.find('#lblCountry').html(country);
                window.close();
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <br />
        <asp:GridView ID="gvCustomerDetails" runat="server" AutoGenerateColumns="false">
            <Columns>
                <asp:TemplateField HeaderText="Customer Id">
                    <ItemTemplate>
                        <asp:Label ID="lblCustomerId" runat="server" Text='<%#Eval("CustomerId") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Name">
                    <ItemTemplate>
                        <asp:Label ID="lblName" runat="server" Text='<%#Eval("Name") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Country">
                    <ItemTemplate>
                        <asp:Label ID="lblCountry" runat="server" Text='<%#Eval("Country") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
    </div>
    </form>
</body>
</html>

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[3]
                            { new DataColumn("CustomerId", typeof(int))
                            ,new DataColumn("Name", typeof(string))
                            ,new DataColumn("Country",typeof(string))});
        dt.Rows.Add(1, "John Hammond", "United States");
        dt.Rows.Add(2, "Mudassar Khan", "India");
        dt.Rows.Add(3, "Suzanne Mathews", "France");
        dt.Rows.Add(4, "Robert Schidner", "Russia");
        gvCustomerDetails.DataSource = dt;
        gvCustomerDetails.DataBind();
    }
}

VB.Net

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    If Not Me.IsPostBack Then
        Dim dt As DataTable = New DataTable
        dt.Columns.AddRange(New DataColumn() {New DataColumn("CustomerId", GetType(System.Int32)), New DataColumn("Name", GetType(System.String)), New DataColumn("Country", GetType(System.String))})
        dt.Rows.Add(1, "John Hammond", "United States")
        dt.Rows.Add(2, "Mudassar Khan", "India")
        dt.Rows.Add(3, "Suzanne Mathews", "France")
        dt.Rows.Add(4, "Robert Schidner", "Russia")
        gvCustomerDetails.DataSource = dt
        gvCustomerDetails.DataBind
    End If        
End Sub

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Pass selected GridView row inside popup window to parent page using C#, VB.Net and jQuery in ASP.Net

Company

Explore

Follow us

Contact Us