Question

所以在这里我使用jquery对话框来显示我的页面页面，这里是aspx div代码：

<div class="BodyDiv" id="DivProjectCode">
    <asp:Label ID="LblMessage" runat="server" ForeColor="#ff6c34" Text=""></asp:Label>
    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>
            <table width="980px">
                <tr>
                    <td align="left" width="120px" height="25px">
                        <asp:Label ID="Label8" runat="server" Text="Project Code"></asp:Label>
                    </td>
                    <td align="center" width="5px" class="style1">
                        <asp:Label ID="Label9" runat="server" Text=":"></asp:Label>
                    </td>
                    <td align="left" width="200px">
                        <asp:TextBox ID="TbSearchProjectCode" runat="server" Width="194px"></asp:TextBox>
                    </td>
                    <td align="center" width="25px">
                        <asp:ImageButton ID="BtnSearch" runat="server" ImageUrl="../Support/Image/MagnifierGlass.png"
                            Width="75%" Height="75%" OnClientClick="BtnSearch_Click" />
                    </td>
                    <td width="645px">
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>
    <div class="BodyDiv" style="overflow: auto; height: 200px">
        <asp:UpdatePanel ID="UpdatePanel3" runat="server">
            <ContentTemplate>
                <table width="1024px">
                    <tr>
                        <td align="center">
                            <table width="980px">
                                <tr>
                                    <td>
                                        <asp:Panel ID="PanelDGV" runat="server" ScrollBars="None" Height="250" Width="515">
                                            <asp:GridView ID="DGV" runat="server" AutoGenerateColumns="False" GridLines="None"
                                                AllowPaging="true" PageSize="8" CssClass="mGrid" PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt">
                                                <Columns>
                                                    <asp:BoundField DataField="ProjectCode" HeaderText="Project Code" />
                                                    <asp:BoundField DataField="ProjectName" HeaderText="Project Name" />
                                                    <asp:ButtonField ButtonType="Image" ImageUrl="../Support/Image/Edit.png" ItemStyle-HorizontalAlign="Center"
                                                        CommandName="CmdSearch" HeaderText="Edit">
                                                        <ItemStyle HorizontalAlign="Center"></ItemStyle>
                                                    </asp:ButtonField>
                                                </Columns>
                                                <PagerStyle CssClass="pgr"></PagerStyle>
                                                <AlternatingRowStyle CssClass="alt"></AlternatingRowStyle>
                                            </asp:GridView>
                                        </asp:Panel>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
</div>

和jquery函数：

<script language="javascript" type="text/javascript">
$(function() {
        $("#DivProjectCode").dialog({
            autoOpen: false,
            modal: true,
            open: function(type, data) {
                $(this).parent().appendTo("form");
            }
        });
        $("#Button1").click(function() {
            $("#DivProjectCode").dialog("open");
        });
                });
</script>

问题是，整个屏幕都是暗淡的，包括不应该的对话框，当我尝试通过将'form'更改为'form1'来修复它时，模态工作，但是页面上的功能不工作，我错过了代码中的一些东西吗？

Answer 1

updatepanel和jquery的体系结构Ajax客户端库是不同的。如果我们混合它们，有时会产生JavaScript冲突。

所以要避免阅读这些文章

UpdatePanel Asynchronous and jquery

和

using jQuery with ASP.NET AJAX

如何在asp.net中使用jquery对话框？

1 个答案: