「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 () { $("#modal").dialog({ title: "jQuery Modal Dialog Popup", buttons: { 閉じる: function () { $(this .dialog('close'); } }, モーダル: true }); return false; });