ajax modalpopup扩展器显示来自服务器的数据

本文关键字:服务器 数据 modalpopup 扩展器 显示 ajax | 更新日期: 2023-09-27 17:57:56

也许我对Ajax模式弹出窗口的理解不正确。我想做的是从服务器中检索一些数据,并在用户单击页面上的按钮时将其显示在模式弹出窗口中。以下代码位于页面的aspx中。

 <asp:Panel ID="pnlDetail" CssClass="modal" runat="server">
             <div class="header">
               Data
            </div>
            <div class="body">
                 <div class="header">
                        <asp:Label ID="lblInput" runat="server"></asp:Label>
                   </div>  
            </div> 

   </asp:Panel>
   <ajaxToolkit:ModalPopupExtender ID="mpeDetail" PopupDragHandleControlID="pnlDetail" PopupControlID="pnlDetail" TargetControlID="hdnDetail"
    BackgroundCssClass="modalBG" CancelControlID="ShowDetailClose" runat="server" />

在页面上某个按钮的按钮点击事件中,我从服务器检索数据,并将值分配给弹出面板内的lblInput,然后调用mpe。显示但是它不显示该值。我假设数据需要出现在mpe的负载上,但这不是我必须做的。

如果MPE不能做到这一点,还有什么选择?

ajax modalpopup扩展器显示来自服务器的数据

我正在使用dragpanel扩展程序,因为我在模式弹出窗口方面也遇到了一些问题。但这里有一个可能的解决方案与模式弹出:

http://blogs.microsoft.co.il/blogs/gilf/archive/2009/08/14/populating-a-modalpopupextender-dynamically.aspx

好的,想好了。将上面的面板放在更新面板中。

<asp:UpdatePanel ID="updPnlDetail" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
..... <asp:panel .. > ajax mpe control etc (what I have in the question)..
   </ContentTemplate>
    </asp:UpdatePanel>

然后在按钮中单击,调用以下命令。

UserControl。LoadData(对象数据内容);(用户控件有弹出数据。它不一定是用户控件。将您的控件与数据绑定在一起)。

updPnlDetail。Update();mpe。显示();

数据将显示。我猜updatepanel的update方法会进行刷新。