javascript - 将 ID 从 GridView 行传递到 Javascript 函数

Question

下面的第一个注释行使用的是硬编码的 ApplicantId，我需要的只是通过在同一网格行上传递当前 ApplicantId 列来使其工作。

我已经尝试了很多天了，但像第二行注释这样的东西对我不起作用。 请帮忙。

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" 
DataKeyNames="ApplicantID" >
<Columns>

<asp:TemplateField HeaderText="Select">
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>

<!-- works -->
<asp:HyperLinkField NavigateUrl="javascript:popUp(3)" Text="Select" Target="_parent"/>

<!-- doesn't work -->
<asp:HyperLinkField NavigateUrl='"javascript:popUp("<%# + DataBinder.Eval(GridView1.DataItem,"ApplicantId") %> + ")"' Text="View" />

</Columns>
</asp:GridView>

Answer 1

令人沮丧的是，在尝试生成 javascript Url 时，我从未能够让 HyperLinkField 合理地输出。但是，以下内容对您有用:

<asp:TemplateField>
    <ItemTemplate>
        <asp:HyperLink runat="server" 
          NavigateUrl='<%# "javascript:popUp(" + Eval("ApplicantId") + ")" %>'
          Text="View">
        </asp:HyperLink>
    </ItemTemplate>
</asp:TemplateField>

当您不生成 javascript Url 时，可能值得记住的一件事是 DataNavigateUrlFields 和 DataNavigateUrlFormatString 属性，因为它们允许您将以更简洁的方式设置网址:

<!-- Doesn't work due to "javascript:" target -->
<asp:HyperLinkField Text="View" DataNavigateUrlFields="ApplicantId"
     DataNavigateUrlFormatString="javascript:popUp({0})" />
<!-- Does work as targeting a "http://" target -->
<asp:HyperLinkField Text="View 2" DataNavigateUrlFields="ApplicantId" 
     DataNavigateUrlFormatString="http://localhost/popUp/{0}/" />