Как использовать диалог jquery в asp.net?

Так вот я использую диалоговое окно JQuery, чтобы отобразить страницу моей страницы, вот код ASPX ДИВ:Как использовать диалог jquery в asp.net?

<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>

проблема, весь экран затуманивается, в том числе диалоговое окно, которое не должно быть, когда я пытаюсь исправить его, изменив «форму» на «форму1», модальная работа, но функция на странице не работает, я пропускаю что-то в код?

источник

2013-05-28 Abie Giordano

Архитектура обновленной панели и jquery Клиентские библиотеки Ajax разные. Если мы их смешиваем, иногда он генерирует конфликт JavaScript.

так, чтобы не читать эти статьи

UpdatePanel Asynchronous and jquery

using jQuery with ASP.NET AJAX

источник

2013-05-28 10:07:49

коррекции, извините за беспокойство, но, кажется, я могу использовать UpdatePanel без проблем, проблема заключается в модальный, я думаю, когда я устанавливаю его на «true», весь экран, включая диалог, тускнеет, что беспокоит меня, любое предложение? –

Как использовать диалог jquery в asp.net?

ответ

Смежные вопросы