On click of link button of GridView; redirect the data to modal page.

See more:

Javascript

C#3.5

C#5.0

I want to show the data from the link button to show on the modal page as the code of gridview as

 <asp:GridView ID="GridView1" runat="server" Width="100%" AutoGenerateColumns="False" 
                AllowSorting="true"  OnSorting="GridView1_Sorting" OnRowCommand="GridView1_RowCommand1">
        <%--AllowPaging ="true" OnPageIndexChanging="GridView1_PageIndexChanging" PageSize = "20" --%>
        <Columns>
        <asp:HyperLinkField DataNavigateUrlFields="cart_id" 
                DataNavigateUrlFormatString="CartDetails.aspx?cart_id={0}" 
                DataTextField="Invoice No" DataTextFormatString='{0}' HeaderText="Request No" 
                ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" SortExpression="Request No">
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>
            </asp:HyperLinkField>
            <asp:BoundField DataField="User Name" HeaderText="User Name" 
                SortExpression="User Name" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" >
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>
            </asp:BoundField>
                <asp:BoundField DataField="total_price" HeaderText="Total Price" 
                SortExpression="total_price" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" >                
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<ItemStyle HorizontalAlign="Center"></ItemStyle>
            </asp:BoundField>
                 <asp:TemplateField HeaderText="" SortExpression="Filepath" ItemStyle-HorizontalAlign="Center">
                    <ItemTemplate>
                        <asp:LinkButton ID="LbPath" runat="server" 
                        Text='Quick View'
                        CommandName="CartView" 
                        CommandArgument='<%#Bind("cart_id") %>' OnClick="LinkButton1_Clicked">
                        </asp:LinkButton>
                    </ItemTemplate>
                    <ItemStyle HorizontalAlign="Center"></ItemStyle>
                </asp:TemplateField>
               
        </Columns>
    </asp:GridView

Modal page script as

<div class="modal-wrapper" id="modal_class">
       <div class="modal">
           <div class="head">
               <a class="btn-close trigger" href="java<!-- no -->script:;"></a>
           </div>
           <div class="content">
               <div class="row">
                   <div class="col-lg-2 col-md-2 col-xs-2"></div>
                       <div class="col-lg-10 col-md-10 col-xs-10">
                           <asp:GridView ID="GridView2" runat="server" Width="80%" AutoGenerateColumns="False" >
                               <Columns>
                                   <asp:BoundField HeaderText="Service" DataField="item_name" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"/>
                                   <asp:BoundField HeaderText="Total Price" DataField="total_price" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"/>
                               </Columns>
                           </asp:GridView>
                       </div>
               </div>
           </div>
       </div>
   </div>

   <script type="text/javascript">
       $(document).ready(function () {
           $('.trigger').click(function () {
               $('.modal-wrapper').toggleClass('open');
               $('.page-wrapper').toggleClass('blur');
               return false;
           });
       });
   </script>

The code to get the data from the link button is

protected void LinkButton1_Clicked(object sender, EventArgs e)
       {
           LinkButton lt = (LinkButton)sender;
           int cart_id = Convert.ToInt32(lt.CommandArgument);
           adp = new NpgsqlDataAdapter("select item_name,short_description,long_description,unit,price_schedule,price_per_unit,item_count,(price_per_unit*item_count) total_price from im_cart_details a,im_items b where a.item_id=b.item_id and cart_id=" + cart_id, conn);
           dt = new DataTable("items");
           adp.Fill(dt);
           GridView2.DataSource = dt;
           GridView2.DataBind();
           //Response.Write("Yes"+lt.CommandArgument.ToString());
       }

But for the modal page there is a button is created and and I can't access the data on modal page by clicking the link button also. Thanks in advance.