在网格视图控件中单击链接按钮时打开一个弹出窗口

本文关键字:一个 窗口 控件 视图 网格 单击 按钮 链接 | 更新日期: 2023-09-27 18:06:15

在下面的代码我有一个网格视图内的网格视图我有一个链接按钮,当我点击链接按钮,它应该打开一个弹出窗口。请帮助我这样做。

<asp:GridView ID="gvActList" runat="server" Font-Size="Smaller" Width="100%" CssClass="tableStyle"
EmptyDataText="No Data Found" AllowPaging="false"
CellPadding="4" AutoGenerateColumns="False" OnRowDataBound="gvActList_RowDataBound">
<FooterStyle Font-Bold="True" CssClass="tablefooter" />
<RowStyle CssClass="tableRow1" />
<SelectedRowStyle Font-Bold="True" CssClass="tableRowHighlight" />
<HeaderStyle Font-Bold="True" CssClass="tableHeader" Font-Size="9px" />
<Columns>
    <asp:TemplateField HeaderText="TM Activity Code" HeaderStyle-HorizontalAlign="Center">
        <ItemStyle Width="5%" HorizontalAlign="Left"></ItemStyle>
        <ItemTemplate>
            <asp:Label ID="lbl_Activity_Code" runat="server" Visible="true" Text='<%# Bind("ACTIVITY_CODE") %>'></asp:Label>
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Description" HeaderStyle-HorizontalAlign="Center">
        <ItemStyle Width="19%" HorizontalAlign="Left"></ItemStyle>
        <ItemTemplate>
            <asp:Label ID="lbl_ACTDESC" runat="server" Text='<%# Bind("ACTIVITY_DESC") %>' Visible="true"></asp:Label>
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="User Details" HeaderStyle-HorizontalAlign="Center">
        <ItemStyle Width="5%"></ItemStyle>
        <ItemTemplate>
            <asp:Label ID="lbl_User_Details" runat="server" Text='<%# Bind("CREATED_BY") %>' Visible="true"></asp:Label>
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Type" HeaderStyle-HorizontalAlign="Center">
        <ItemStyle Width="5%"></ItemStyle>
        <ItemTemplate>
            <asp:Label ID="lbl_PROMO_TYPE" runat="server" Text='<%# Bind("PROMO_TYPE") %>' Visible="true"></asp:Label>
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Category" HeaderStyle-HorizontalAlign="Center">
        <ItemStyle Width="5%"></ItemStyle>
        <ItemTemplate>
            <asp:Label ID="lblCatgDescription" runat="server" Text='<%# Bind("CATEGORY_CODE") %>'
                Visible="true"></asp:Label>
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Date Range" HeaderStyle-HorizontalAlign="Center">
        <ItemStyle Width="5%"></ItemStyle>
        <ItemTemplate>
            <asp:Label ID="lblACTIVEFROM" runat="server" Text='<%# Bind("ACTIVE_FROM") %>' Visible="true"></asp:Label>&#160; To &#160;
            <asp:Label ID="lblACTIVETO" runat="server" Text='<%# Bind("ACTIVE_TO") %>' Visible="true"></asp:Label>
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Activity Type" HeaderStyle-HorizontalAlign="Center">
        <ItemStyle Width="5%"></ItemStyle>
        <ItemTemplate>
            <asp:Label ID="lbl_Actvity_Type" runat="server" Text='<%# Bind("ACTIVITY_TYPE") %>' Visible="true"></asp:Label>
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Current Status" HeaderStyle-HorizontalAlign="Center">
        <ItemStyle Width="5%"></ItemStyle>
        <ItemTemplate>
            <asp:Label ID="lbl_Current_Status" runat="server" Text='<%# Bind("status") %>' Visible="true"></asp:Label>
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="View Details" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
        <ItemTemplate>
            <itemstyle width="5%" />
            <asp:LinkButton CssClass="l_link" Text="View" ID="lnkView" runat="server" ToolTip="View" />
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderStyle-HorizontalAlign="Center">
        <HeaderTemplate>
            <asp:Label ID="lblCap" Text="Confirm" runat="server"></asp:Label>
        </HeaderTemplate>
        <ItemStyle HorizontalAlign="Center"></ItemStyle>
        <ItemTemplate>
            <itemstyle width="1%" font-size="2px" horizontalalign="Center" />
            <table style="text-align: Center; vertical-align: text-top;">
                <tr>
                    <td style="width: 98%;">
                        <asp:RadioButton ID="rdYes" runat="server" Text="Yes" GroupName="CH"></asp:RadioButton></td>
                </tr>
                <tr>
                    <td style="width: 98%;">
                        <asp:RadioButton ID="rdNo" runat="server" Text="No" GroupName="CH"></asp:RadioButton></td>
                </tr>
                <tr>
                    <td style="width: 98%;">
                        <asp:RadioButton ID="rdNone" runat="server" Text="None" GroupName="CH"></asp:RadioButton></td>
                </tr>
            </table>
        </ItemTemplate>
    </asp:TemplateField>
</Columns>
<EditRowStyle CssClass="tableRowHighlight" />
<RowStyle CssClass="odd_tb" />
<PagerStyle CssClass="foot_tbl" />
<AlternatingRowStyle CssClass="even_tb" />
<PagerSettings Mode="NextPreviousFirstLast" />

.js文件如下

function view_Data(v_Act_Code) {
        window.open("viewApprovalDetails.aspx?ACTCODE=" + v_Act_Code, 'ViewChange', 'height=440,width=650,left=150,top=150,screenX=0,screenY=100');
    }

我如何通过单击网格视图链接按钮打开新的弹出窗口提前感谢

在网格视图控件中单击链接按钮时打开一个弹出窗口

在网格视图中,对于链接按钮,使用如下标记

<asp:LinkButton CssClass="l_link" Text="View" ID="lnkView" runat="server" 
ToolTip="View"  OnClientClick='<%#string.Format("return view_Data('"{0}'");",
  DataBinder.Eval(Container.DataItem, "ACTIVITY_CODE")) %>' />

在javascript中,从函数返回false,因此在链接按钮点击回发不会发生

function view_Data(v_Act_Code) {
  window.open("viewApprovalDetails.aspx?ACTCODE=" + v_Act_Code, 'ViewChange',
'height=440,width=650,left=150,top=150,screenX=0,screenY=100');
return false;
}

LinkButton上绑定javascript点击事件。将ACTIVITY_CODE传递给view_Data javascript函数,如果不需要PostBack,则返回false

<asp:LinkButton CssClass="l_link" Text="View" 
        OnClientClick='view_Data(<%# Bind("ACTIVITY_CODE") %>); return false;'
        ID="lnkView" runat="server" ToolTip="View" />

试试这个

<asp:LinkButton CssClass="l_link" Text="View" ID="lnkView" 
     runat="server" ToolTip="View" 
     OnClientClick='javascript:return view_Data(<%# Bind("ACTIVITY_CODE") %>)' />

和JavaScript中的

function view_Data(v_Act_Code) {
        window.open("viewApprovalDetails.aspx?ACTCODE=" + v_Act_Code, 'ViewChange', 'height=440,width=650,left=150,top=150,screenX=0,screenY=100');
       //return false; if you don't want a postback
    }

http://www.aspsnippets.com/Articles/Display-GridView-Row-details-inside-jQuery-Dialog-Modal-Popup-in-ASPNet.aspx这个链接将指导你这样做…!!