单击网格中的链接按钮时弹出模态窗口

时间:2013-06-03 18:39:45

标签: jquery asp.net jquery-ui

我有一个“div”标签id是'modal'。同一页面中有一个网格。网格显示文档详细信息。所以当我点击网格中的链接但是我需要一个模态窗口弹出。我的页面也有一个母版页..所以我怎么能这样做...当我点击链接按钮没有任何反应...

<asp:GridView ID="grd_review" runat="server" AutoGenerateColumns="False" 
    DataKeyNames="DOC_ID" EnableModelValidation="True" 
    onselectedindexchanged="grd_review_SelectedIndexChanged" 
    onrowcommand="grd_review_RowCommand" onrowdeleting="grd_review_RowDeleting" 
            CellPadding="4" ForeColor="#333333" GridLines="None" Width="100%" 
            Height="233px">
            <AlternatingRowStyle BackColor="White" />
    <Columns>
        <asp:BoundField DataField="DOC_ID" HeaderText="id" Visible="False" />
        <asp:BoundField DataField="DOC_NAME" HeaderText="Doc Name" />
        <asp:BoundField DataField="UserName" HeaderText="Created By" />
        <asp:BoundField DataField="CREATE_DATE" HeaderText="Created Date" />
        <asp:TemplateField HeaderText="FileName">
            <ItemTemplate>
                <asp:LinkButton ID="lnk_file" runat="server" 
                    CommandArgument='<%# Eval("DOC_ID") %>' CommandName="doc" 
                    Text='<%# Eval("FILE_NAME") %>'></asp:LinkButton>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Review">
            <ItemTemplate>
                <asp:LinkButton ID="lnk_rev"  runat="server">Review</asp:LinkButton>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
            <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
            <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" 
                HorizontalAlign="Left" />
            <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
            <RowStyle BackColor="#FFFBD6" ForeColor="#333333" />
            <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
</asp:GridView>

我需要弹出“lnk_rev”点击的div。

            $(“#lnk_file”)。live(“click”,function(){          $( “#模式”)。对话框({              标题:“jQuery Modal Dialog Popup”,              纽扣: {                  关闭:function(){                      $(本).dialog( '关闭');                  }              },              莫代尔:是的          });          返回false;      });     

1 个答案:

答案 0 :(得分:0)

最有可能发生的是gridview控件在客户端呈现时重命名linkbutton的ID。使用您选择的工具检查浏览器中的元素,并确认您将click事件处理程序连接到实际存在的元素。