Hi
I have the below Updatepanel with first column a linkbutton which should call a modal popup. However in firefox/chrome no lick is clickable on page
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="OrderList" DataKeyNames="PurchaseID" > <Columns> <asp:TemplateField HeaderText="Purchase ID"> <ItemTemplate> <asp:LinkButton ID="btnPurchaseDetail" runat="server" Text='<%#Eval("PurchaseID") %>' OnClick="btnPurchaseDetail_Click" CausesValidation="false" /> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="Name" HeaderText="Name" /> <asp:BoundField DataField="Address" HeaderText="Address" /> <asp:BoundField DataField="Country" HeaderText="Country" /> <asp:BoundField DataField="HomePhone" HeaderText="HomePhone" /> <asp:BoundField DataField="Email" HeaderText="Email" /> <asp:TemplateField HeaderText="Shipped" SortExpression="Shipped"> <%-- <EditItemTemplate> <asp:CheckBox ID="CheckBox1" runat="server" Checked='<%# Bind("Shipped") %>' /> </EditItemTemplate>--%> <ItemTemplate> <asp:CheckBox ID="CheckBox1" runat="server" Checked='<%# Bind("Shipped") %>' Enabled="false" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField > <FooterTemplate> <%-- <asp:LinkButton ID="btnEdit" runat="server" CommandName="Edit" Text="Edit" />--%> </FooterTemplate> </asp:TemplateField> </Columns> </asp:GridView> <asp:Button runat="server" ID="btnModalPopUp" Style="display: none" /> <asp:ModalPopupExtender TargetControlID="btnModalPopUp" ID="ModalPopupExtender2" runat="server" BackgroundCssClass="modalBackground" PopupControlID="divPopUp" PopupDragHandleControlID="panelDragHandle" DropShadow="true" OkControlID="btnOKModalPopup" CancelControlID="btnCancelModalPopup" /> <div class="popUpStyle" id="divPopUp" style="display:none;"> <asp:Panel ID="UpdatePanel2" runat="server" CssClass="drag"> <asp:Label ID="lblPurchaseID" runat="server"></asp:Label> <asp:GridView ID="GridView2" runat="server"> </asp:GridView> <asp:Button ID="btnClose" runat="server" Text="Close" /> </asp:Panel> </ContentTemplate> </asp:UpdatePanel> <asp:SqlDataSource ID="OrderList" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT Purchase.PurchaseID, Customer.Name, Customer.Address, Customer.HomePhone, Customer.Email, Customer.Country, Purchase.Shipped FROM Purchase INNER JOIN Customer ON Purchase.CustomerID = Customer.CustomerID WHERE (Purchase.Shipped <> 'True')"> </asp:SqlDataSource> <asp:SqlDataSource ID="OrderDetails" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT Purchase_Detail.PurchaseID, Product.ProductName, Product.Description, Product.Price FROM Purchase_Detail INNER JOIN Product ON Purchase_Detail.ProductID = Product.ProductID WHERE (Purchase_Detail.PurchaseID = @PurchaseID)"> <SelectParameters> <asp:ControlParameter ControlID="GridView1" Name="PurchaseID" PropertyName="SelectedValue" /> </SelectParameters> </asp:SqlDataSource>
The associated function in codebehind is
Protected Sub btnPurchaseDetail_Click(ByVal sender As Object, ByVal e As EventArgs) Dim lb As LinkButton = TryCast(sender, LinkButton) Dim PurchaseID As String = lb.Text 'lblCustValue.Text = custID ' Connection Dim constr As String = System.Web.Configuration.WebConfigurationManager. ConnectionStrings("ConnectionString").ConnectionString Dim sql As String = "SELECT Purchase_Detail.PurchaseID, Product.ProductName, Product.Description, Product.Price FROM Purchase_Detail INNER JOIN Product ON Purchase_Detail.ProductID = Product.ProductID WHERE (Purchase_Detail.PurchaseID = @PurchaseID)" Dim connection As New SqlConnection(constr) Dim cmd As New SqlCommand(sql, connection) cmd.Parameters.AddWithValue("@PurchaseID", PurchaseID) cmd.CommandType = CommandType.Text connection.Open() Dim dr As SqlDataReader = cmd.ExecuteReader() ' Bind the reader to the GridView ' You can also use a lighter control ' like the Repeater to display data GridView2.DataSource = dr GridView2.DataBind() connection.Close() ' Show the modalpopupextender ModalPopupExtender2.Show() End Sub
However the column is not clickable in firefox/chrome, but it is in IE.
When I look at one of the cells in firebug it appears to be rendering as a link
<a href="javascript:__doPostBack('ctl00$Head$GridView1$ctl02$btnPurchaseDetail','')" id="Head_GridView1_btnPurchaseDetail_0">41</a>
Any ideas as i've ben searching around but no solutions i found appeared to help?