什么是Java脚本代码打开弹出点击网格单元格值

what is the java script code to open popup on clicking the grid cell value

本文关键字：出点 网格 单元格 Java 脚本 代码 什么      更新时间：2023-09-26

我想在使用gridview的页面上显示一些值，但问题是，当我单击单元格的值时，我想打开一个弹出窗口，使该值成为打开弹出窗口的超链接。
通过这个代码，而不是打开一个弹出页面被重定向到那个弹出页面只是不像一个弹出窗口。我用java脚本，但我想它不是完全正确的，根据我的代码显示页面上的数据。

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:HyperLinkField HeaderText="ClientName"  DataTextField="ClientName"  DataNavigateUrlFields="ClientName"  DataNavigateUrlFormatString="~/LiveVehicleDetail.aspx?id={0}" />
        <asp:HyperLinkField HeaderText="TotalVehicles"  DataTextField="TotalVehicles"  DataNavigateUrlFields="TotalVehicles"   DataNavigateUrlFormatString="~/LiveVehicleDetail.aspx?id={0}" />
        <asp:HyperLinkField HeaderText="LiveVehiclesBetween4Hours"  DataTextField="LiveVehiclesBetween4Hours" DataNavigateUrlFields="LiveVehiclesBetween4Hours" DataNavigateUrlFormatString="~/LiveVehicleDetail.aspx?id={0}" />
        <asp:HyperLinkField HeaderText="LiveVehiclesBetween4To10Hours"  DataTextField="LiveVehiclesBetween4To10Hours"  DataNavigateUrlFields="LiveVehiclesBetween4To10Hours" DataNavigateUrlFormatString="~/LiveVehicleDetail.aspx?id={0}" />
        <asp:HyperLinkField HeaderText="LiveVehiclesBetween10To24Hours"  DataTextField="LiveVehiclesBetween10To24Hours" DataNavigateUrlFields="LiveVehiclesBetween10To24Hours" DataNavigateUrlFormatString="~/LiveVehicleDetail.aspx?id={0}" />
        <asp:HyperLinkField HeaderText="LiveVehiclesFromMoreThan24Hours"  DataTextField="LiveVehiclesFromMoreThan24Hours" DataNavigateUrlFields="LiveVehiclesFromMoreThan24Hours" DataNavigateUrlFormatString="~/LiveVehicleDetail.aspx?id={0}" />
        <%-- <asp:BoundField DataField="ClientName" HeaderText="ClientName" ItemStyle-Width="30" />
        <asp:BoundField DataField="TotalVehicles" HeaderText="TotalVehicles" ItemStyle-Width="150" />
        <asp:BoundField DataField="LiveVehiclesBetween4Hours" HeaderText="LiveVehiclesBetween4Hours" ItemStyle-Width="150" />
        <asp:BoundField DataField="LiveVehiclesBetween4To10Hours" HeaderText="LiveVehiclesBetween4To10Hours" ItemStyle-Width="150" />
        <asp:BoundField DataField="LiveVehiclesBetween10To24Hours" HeaderText="LiveVehiclesBetween10To24Hours" ItemStyle-Width="150" />
        <asp:BoundField DataField="LiveVehiclesFromMoreThan24Hours" HeaderText="LiveVehiclesFromMoreThan24Hours" ItemStyle-Width="150" />
        <asp:TemplateField>
            <ItemTemplate>
                <asp:HyperLink ID="lnkView" Text="View" NavigateUrl="javascript:;" runat="server" />
            </ItemTemplate>
        </asp:TemplateField>--%>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:HyperLink ID="HyperLink2" runat="server" var=popup Target="_blank">POLICY</asp:HyperLink>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("[id=ClientName]").click(function () {
            var rowIndex = $(this).closest("tr")[0].rowIndex;
            window.open("LiveVehicleDetail.aspx?rowIndex=" + rowIndex, "Popup", "width=350,height=100");
        });
    });
</script>

你需要阻止浏览器默认打开href中引用的url。

使用event.preventDefault():

 $("[id=ClientName]").click(function (event) {// include event argument
        event.preventDefault();// prevent browser folloing url
        var rowIndex = $(this).closest("tr")[0].rowIndex;
        window.open("LiveVehicleDetail.aspx?rowIndex=" + rowIndex, "Popup", "width=350,height=100");
    });
相关文章：