用Telerik Radwindow替換ajax：ModalPopupExtender

Question

目前，我的網站正在使用ajax：ModalPopupExtender將我的網格數據顯示為彈出窗口，現在我想將其替換為Telerik RadWindow以使其與網站的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)