There is a Gridview in my web page with a Hyperlink & ImageButton inside it.
HTML code:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="100%" PageSize="5" AllowPaging="True" OnPageIndexChanging="GridView1_PageIndexChanging" BorderColor="#e5e4e2" BorderStyle="solid" BorderWidth="2px">
<RowStyle CssClass="Grid" />
<Columns>
<asp:BoundField HeaderText="Id" DataField="id"/>
<asp:TemplateField HeaderText="Navigate">
<ItemTemplate>
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("Alternative") %>' Text='<%# Eval("Alternative") %>'></asp:HyperLink>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Edit">
<ItemTemplate>
<asp:ImageButton ID="imgbtn" ImageUrl="~/Images/Edit.jpg" runat="server" Width="20" Height="20" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<HeaderStyle CssClass="Grid" />
</asp:GridView>
I wat to know 2 different things, using above Gridview Layout:
1) when I click on only Gridview "Hyperlink", it should open a modal Popup with 1 Gridview inside modal Popup. And close modal Popup when clicking on cancel button.
2) How to navigate to other ".aspx page", when clicking on Gridview "Hyperlink" OR "ImageButton" inside above Grid.
How to achieve both?
Please reply.