2016-03-28 2 views
0

На текущем веб-сайте используется ajax: ModalPopupExtender, чтобы отображать мои данные сетки в виде всплывающего окна, и теперь я хочу заменить его Telerik RadWindow в соответствии с пользовательским интерфейсом веб-сайта.Замена ajax: ModalPopupExtender с Telerik Radwindow

НО, я до сих пор не нашел способ сделать это. Поскольку ajax: ModalPopupExtender является серверным, а Radwindow - клиентским.

Есть ли способ, который может решить мою проблему?

Пожалуйста, дайте мне совет.

Сценарий: На моем веб-сайте есть кнопка с именем «mybutton». Когда я ударил его, ajaxToolkit: ModalPopupExtender будут показаны мои данные под всплывающим окном.

Вот код в моем * .ascx файле:

<asp:LinkButton ID="myHiddenControl" runat="server" Text=""></asp:LinkButton> 

<ajaxToolkit:ModalPopupExtender runat="server" 
    ID="myModalPopupExtender" 
    TargetControlID="myHiddenControl" 
    BehaviorID="programmaticModalPopup" 
    PopupControlID="myPanel" 
    BackgroundCssClass="modalBackground" 
    DropShadow="True" 
    RepositionMode="RepositionOnWindowScroll" 
    DynamicServicePath="" 
    Enabled="True"> 
</ajaxToolkit:ModalPopupExtender> 

<asp:Panel runat="server" 
    CssClass="modalPopup" 
    ID="myPanel" 
    Style="width: 440px; height: 500px; padding: 10px;" meta:resourcekey="Resource2"> 

    <div> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
      <ContentTemplate> 
       <table> 
        <!-- show my data in a table --> 
       </table> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
    </div> 
</asp:Panel> 

А вот код Vb

Protected Sub mybutton_Click(ByVal sender As Object, ByVal e As EventArgs) Handles mybutton.Click 
    myModalPopupExtender.Show() 
End Sub 

ответ

0

Используйте ContentTemplate диалога и зарегистрировать скрипт, чтобы показать его. В основном

 <telerik:RadWindow ID="RadWindow1" runat="server"> 
      <ContentTemplate> 
       <asp:Panel runat="server" 
          CssClass="modalPopup" 
          ID="myPanel" 
          Style="width: 440px; height: 500px; padding: 10px;" meta:resourcekey="Resource2"> 

        <div> 
         <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
          <ContentTemplate> 
           <table> 
            <!-- show my data in a table --> 
           </table> 
          </ContentTemplate> 
         </asp:UpdatePanel> 
        </div> 
       </asp:Panel> 
      </ContentTemplate> 
     </telerik:RadWindow> 

и

Dim script As String = "function f(){$find(""" + RadWindow1.ClientID + """).show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);" 
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "key", script, True)