如何从 ASP.NET 中的另一个页面调用 UpdatePanel1.Update() 方法

Question

我有 Default.aspx 和多个控件以及 Uploadify Image 上传控件，我调用另一个文件 UploadImages.aspx 文件来使用 jQuery 上传图像，我使用通用 C# 代码上传图像并将图像详细信息也保存在数据库中。

Default.aspx 页面上的 HTML 代码

<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="False"  UpdateMode="Conditional">
   <ContentTemplate>                                 
        <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" RepeatDirection="Horizontal" >
            <ItemTemplate>
                <br /><img src='http://test.kashmirsouq.com/ImageUploads/<%# Eval("ImageID") %>' width="100px" height="100px"   vspace="2" hspace="2" border="1" />
                <br /><asp:LinkButton ID="lnkBtnDeleteImage" CommandArgument='<%# Eval("sno") %>' CommandName="Delete" runat="server">
         Delete</asp:LinkButton>
        <br />
            </ItemTemplate>
        </asp:DataList>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:SQLConnectionString %>" 
            SelectCommand="SELECT [sno], [ImageID] FROM [User_Images]">
        </asp:SqlDataSource>
 </ContentTemplate>
</asp:UpdatePanel> 

我想使用 UpdatePanel1.Update() 方法来刷新 UpdatePanel1，但我不知道如何在 UploadImage.aspx 页面中注册 updatePanel1 控件。

请帮我解决这个问题 我的基本目标是在上传图像后显示图像而不刷新页面

链接上的页面示例已删除，因为出于安全原因我让它工作

Answer 1

尝试使用 uploadify 的 onAllComplete 事件从客户端代码刷新更新面板。为此，添加到页面按钮上，将此按钮的 AsyncPostbackHandler 添加到 updatepanel 的触发器集合中，并在 uploadify onAllComplete 事件处理程序中以编程方式单击此按钮：

$('#fuFiles').uploadify({
    onAllComplete: function (event, data) { $("#<%= HiddenButton.ClientID %>").click(); return true; },
    uploader: 'Scripts/uploadify.swf',
    script: 'FileUploads.aspx',
    cancelImg: 'Scripts/cancel.png',
    auto: 'true',
    multi: 'true',
    buttonText: 'Browse...',
    queueSizeLimit: 5,
    simUploadLimit: 2
});


<asp:Button runat="server" ID="HiddenButton" Style="display: none;" />

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="HiddenButton" />
            </Triggers>

Answer 2

ASP.NET WebForms 中的 UpdatePanel 只能用于通过处理来自的同一 aspx 文件来刷新您所在页面的部分内容。因此 Default.aspx 中的 UpdatePanel 将始终返回到 Default.aspx。它根本无法获取另一个页面（例如 UploadImage.aspx）的输出。

您可以通过将 UploadImage.aspx 更改为用户控件并将其包含在 Default.aspx 页面上的更新面板中来解决此问题。

Answer 3

我对您的代码 @Yuriy Rozhovetskiy 进行了一些小更改，使其可以正常工作，因为由于某种原因它无法正常工作。功劳归于@Yuriy Rozhovetskiy，所以我将把他的答案标记为正确，下面正在工作&测试版本。

<script type="text/javascript">
    $(document).ready(function () {
        $('#fuFiles').uploadify({
            //'onAllComplete': function (event, data) { $("#<%= HiddenButton.ClientID %>").click(); return true; },
            'uploader': 'Scripts/uploadify.swf',
            'script': 'FileUploads.aspx',
            'cancelImg': 'Scripts/cancel.png',
            'auto': 'true',
            'multi': 'true',
            'fileExt': '*.jpg;*.gif;*.png',
            'buttonText': 'Browse...',
            'queueSizeLimit': 5,
            'simUploadLimit': 2,
            'onAllComplete': function (event, data) 
            {
                $("#<%= HiddenButton.ClientID %>").click();
                return true; 
            }
        });
    });
</script>

        <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" RepeatDirection="Horizontal" >
            <ItemTemplate>
                <br /><img src='http://test.kashmirsouq.com/ImageUploads/<%# Eval("ImageID") %>' width="100px" height="100px"   vspace="2" hspace="2" border="1" />
                <br /><asp:LinkButton ID="lnkBtnDeleteImage" CommandArgument='<%# Eval("sno") %>' CommandName="Delete" runat="server">
         Delete</asp:LinkButton>
        <br />
            </ItemTemplate>
        </asp:DataList>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:SQLConnectionString %>" 
            SelectCommand="SELECT [sno], [ImageID] FROM [User_Images]">
        </asp:SqlDataSource>
 </ContentTemplate>
</asp:UpdatePanel> 
<asp:Button runat="server" ID="HiddenButton"  Style="display: none;" onclick="HiddenButton_Click" />

   <div id="fuFiles"></div>