ajax：ModalPopupExtenderをTelerik Radwindowに置き換える

Question

現時点では、私のウェブサイトではajax：ModalPopupExtenderを使用してグリッドデータをポップアップとして表示していますが、Telerik RadWindowと置き換えてWebサイトのUIと一致させたいと考えています。

しかし、私はまだそれを行う方法を見つけていません。 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 

Answer 1

ダイアログの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)