Gridview Hyperlink не работает

Question

Я пытаюсь вставить поле гиперссылки через мастер. Но когда я запускаю приложение, я получаю текст со ссылкой BLUE, но его нельзя кликать.

Это мой код:

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" CellPadding="4" DataKeyNames="stepID" DataSourceID="SqlDataSource1" ForeColor="#333333" GridLines="None"> 
    <AlternatingRowStyle BackColor="White" /> 
    <Columns> 
     <asp:HyperLinkField DataNavigateUrlFields="stepID,stepName,stepStartdate,stepEndDate,stageID" DataNavigateUrlFormatString="~/Supervisor/editSteps.aspx?stepID={0}&amp;stepName={1}&amp;Sdate={2}&amp;EDate={3}&amp;stgD={4}" DataTextField="stepName" /> 
     <asp:BoundField DataField="stageID" HeaderText="stageID" SortExpression="stageID" /> 
     <asp:BoundField DataField="stepStartdate" HeaderText="stepStartdate" SortExpression="stepStartdate" /> 
     <asp:BoundField DataField="stepEndDate" HeaderText="stepEndDate" SortExpression="stepEndDate" /> 
    </Columns> 
    <EditRowStyle BackColor="#2461BF" /> 
    <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> 
    <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> 
    <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" /> 
    <RowStyle BackColor="#EFF3FB" /> 
    <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" /> 
    <SortedAscendingCellStyle BackColor="#F5F7FB" /> 
    <SortedAscendingHeaderStyle BackColor="#6D95E1" /> 
    <SortedDescendingCellStyle BackColor="#E9EBEF" /> 
    <SortedDescendingHeaderStyle BackColor="#4870BE" /> 
</asp:GridView> 
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:DefaultConnection %>" SelectCommand="SELECT * FROM [tblsteps] WHERE ([stageID] = @stageID)"> 
    <SelectParameters> 
     <asp:QueryStringParameter Name="stageID" QueryStringField="StgID" Type="Int32" /> 
    </SelectParameters> 
</asp:SqlDataSource> 

Нет ошибок или предупреждений, когда я запустить это приложение.

Answer 1

Ваш код выглядит хорошо, я тестировал его на своей стороне, и гиперссылка работает. Я подозреваю, что гиперссылка отключена с помощью javascript или CSS.

Вы можете подтвердить это, временно удалив все ссылки на CSS и javascript со страницы.

Если это CSS, который отключить гиперссылку вы можете проверить стиль гиперссылки при запуске веб-страницы в браузере, выполнив следующие действия:

1. запустить веб-страницу в Gooogle Chrome
2. Пресс Ctrl+Shift+I, чтобы открыть HTML инспекционного консоли
3. Найдите гипер ссылку в HTML (<a> элемент)
4. Проверьте правило стиля, который отключающий элемент и удалить его из файла CSS: