Using RowCommand event with ASP.Net GridView inside UpdatePanel in C# and VB.Net

Hi infosoft4doc,

Please refer below sample code.

HTML

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:GridView ID="GridView1" HeaderStyle-BackColor="#3AC0F2" HeaderStyle-ForeColor="White"
            runat="server" AutoGenerateColumns="false" OnRowCommand="OnRowCommand">
            <Columns>
                <asp:BoundField DataField="Id" HeaderText="Id" ItemStyle-Width="30" />
                <asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="150" />
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:Label ID="lblCountry" Text='<%# Eval("Country") %>' runat="server" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:ButtonField Text="Select" CommandName="Select" />
            </Columns>
        </asp:GridView>
        <asp:LinkButton Text="" ID="lnkFake" runat="server" />
        <cc1:ModalPopupExtender ID="mpe" runat="server" PopupControlID="pnlPopup" TargetControlID="lnkFake"
            CancelControlID="btnClose" BackgroundCssClass="modalBackground">
        </cc1:ModalPopupExtender>
        <asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" Style="display: none">
            <div class="header">
                Details
            </div>
            <div class="body">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td style="width: 60px">
                            <b>Id: </b>
                        </td>
                        <td>
                            <asp:Label ID="lblId" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <b>Name: </b>
                        </td>
                        <td>
                            <asp:Label ID="lblName" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <b>Country: </b>
                        </td>
                        <td>
                            <asp:Label ID="lblCountry" runat="server" />
                        </td>
                    </tr>
                </table>
            </div>
            <div class="footer" align="right">
                <asp:Button ID="btnClose" runat="server" Text="Close" CssClass="button" />
            </div>
        </asp:Panel>
    </ContentTemplate>
</asp:UpdatePanel>

Namespace

C#

using System.Data;

VB.Net

Imports System.Data

Code

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id"), new DataColumn("Name"), new DataColumn("Country") });
        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");
        GridView1.DataSource = dt;
        GridView1.DataBind();
    }
}

protected void OnRowCommand(object sender, GridViewCommandEventArgs e)
{
    //Reference the GridView Row using RowIndex from CommandArgument.
    GridViewRow selectedRow = GridView1.Rows[Convert.ToInt32(e.CommandArgument)];

    //Fetch values from BoundField columns.
    lblId.Text = selectedRow.Cells[0].Text;
    lblName.Text = selectedRow.Cells[1].Text;

    //Fetch values from TemplateField columns.
    lblCountry.Text = (selectedRow.FindControl("lblCountry") as Label).Text;

    //Display the ModalPopup.
    mpe.Show();
}

VB.Net

Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
    If Not Me.IsPostBack Then
        Dim dt As New DataTable()
        dt.Columns.AddRange(New DataColumn(2) {New DataColumn("Id"), New DataColumn("Name"), New DataColumn("Country")})
        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")
        GridView1.DataSource = dt
        GridView1.DataBind()
    End If
End Sub

Protected Sub OnRowCommand(ByVal sender As Object, ByVal e As GridViewCommandEventArgs)
    'Reference the GridView Row using RowIndex from CommandArgument.
    Dim selectedRow As GridViewRow = GridView1.Rows(Convert.ToInt32(e.CommandArgument))

    'Fetch values from BoundField columns.
    lblId.Text = selectedRow.Cells(0).Text

    lblName.Text = selectedRow.Cells(1).Text

    'Fetch values from TemplateField columns.
    lblCountry.Text = CType(selectedRow.FindControl("lblCountry"), Label).Text

    'Display the ModalPopup.
    mpe.Show()
End Sub

Screenshot