UpdatePanel 内 FormView 中的 FileUpload

Question

场景：
我有一个 ASP.Net 网页，我打算用它来让用户（不是真正的用户，而是基本上的内容管理员）使用 FormView 插入和编辑表中的记录。该 FormView 位于 UpdatePanel 内部，因为我还使用级联下拉列表来让用户选择一些值。

现在，这个 FormView 还包含 4 个 FileUpload 控件，您可能知道这些 fileupload 控件需要完整的回发，因为大多数浏览器不允许 Javascript 访问磁盘。因此，这个问题可以通过执行以下操作来解决：

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
           <Triggers>
           <asp:PostBackTrigger ControlID="InsertButton" />
           <asp:PostBackTrigger ControlID="UpdateButton" />
           </Triggers>
                    <ContentTemplate>....</ContentTemplate>
</asp:UpdatePanel>

编辑：忘记添加文件上传发生在 SqlDataSource 的 OnUpdating 和 OnInserting 事件中。

问题：
由于 InsertButton 和 UpdateButton 驻留在 Formview 内，因此我无法通过标记直接访问它们的 ID。 MSDN 说：

以编程方式添加 PostBackTrigger 控件不是 支持。

请提出一些解决方案来使这项工作有效。对此事的任何见解都受到高度赞赏。谢谢。

PS-对我来说一个可行的解决方案是将UpdatePanel的PostBackTrigger设置为整个FormView本身：

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
           <Triggers>
           <asp:PostBackTrigger ControlID="FormView1" />
           </Triggers>
                    <ContentTemplate>....</ContentTemplate>
</asp:UpdatePanel>

但现在由于需求发生了一些变化，这个解决方案（如果你称它为解决方案）是不可接受的。

Answer 1

您是否考虑过使用 Iframe 进行回发？类似于：

<iframe name="uploader" id=uploader 
          src="uploaderSender.aspx?AllowedExtension=<%= AllowedExtension %>&StoringPath=<%= StoringPath %>&StoringFileName=<%= StoringFileName %>&OldFileName=<%= OldFileName %>&MaximumSize=<%= MaximumSize %>"
         width="450" height="50" frameborder=0  scrolling=no >
        </iframe>

与 uploaderSender.aspx 类似：

<form action="UploaderReceiver.aspx" method="post"  enctype="multipart/form-data">
 <input type="file" name="file" id="file"  onchange="document.getElementById('IsFileUploading').style.visibility = 'visible'; document.forms[0].submit()"/>

    <span id="IsFileUploading" style="visibility: hidden">
        <asp:Image ID="Image1" runat="server" ImageUrl="~/immagini/Ajax-loader.gif" />
    </span>
</form>

和 UploaderReceiver.aspx 类似：

protected void Page_Load(object sender, EventArgs e)
        {

            //if there is one file to process
            if (Request.Files.Count > 0)
                //create the folder if it does'nt exists and returns the local path to get it
                string StoringPathToBeSaved = StoringPath.GetFolderPath();

                // append the name of the file to upload to the path.
                            StoringPathToBeSaved = StoringPathToBeSaved + StoringFileName + Extension;

                            Request.Files[0].SaveAs(StoringPathToBeSaved);

        }

这只是一些代码，只是为了让您弄清楚您是否对这种处理上传的方式感兴趣，如果您想要的话，我可以给您更多。

再见，祝你的代码好运，

Answer 2

耶！！终于开始工作了！

方法如下：

与 MSDN 所说的相反，我们实际上可以通过编程方式添加回发触发器。不一定是 UpdatePanel，而是 ScriptManager。

经过几个小时的尝试，效果如下：

在模板渲染之前，我们无法访问 FormView 内的控件，因此我们只能在 formview 的 OnDataBound 事件之后添加回发触发器。

protected void FormView1_DataBound(object sender, EventArgs e)
    {
        if (FormView1.CurrentMode == FormViewMode.Edit)
        {
            LinkButton lb = (LinkButton)FormView1.FindControl("UpdateButton");
            ScriptManager.GetCurrent(Page).RegisterPostBackControl(lb);
        }

        //Similarily you can put register the Insert LinkButton as well.
    }

现在，如果您的 UpdatePanel 导致 ConditionalUpdate，您可以执行以下操作来使其工作：

标记：

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
           <ContentTemplate>..
            <EditItemTemplate>
              ...
            <asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" OnClick="Cause_PostBack"CommandName="Update">Update</asp:LinkButton>
             ...
            </EditItemTemplate>
           ..</ContentTemplate>
</asp:UpdatePanel>

CodeBehind：

//call this function as the OnClick Event Handler for the Controls you want to register as
//triggers.
protected void Cause_PostBack()
    {
        UpdatePanel1.Update();
    }

否则，如果您的情况允许（就像我的那样），只需设置 UpdatePanel 的 <代码>UpdateMode =“始终”

Answer 3

这是旧的，但试图解决另一个问题并遇到了这个。这不是我的问题，但对于遇到此问题的新手来说，这是一个替代方案。

您将您的问题表述为：

由于 InsertButton 和 UpdateButton 驻留在 Formview 内，我无法通过标记直接访问它们的 ID

您实际上可以通过标记访问它们的 ID，以用作 PostBackTrigger 中的 ControlID。您只需使用在页面 html 标记中创建的按钮的 name 作为 ControlID。当您在浏览器中查看页面时，您可以找到通过查看页面源代码创建的名称。它通常是 FormView 的名称 + $ + 按钮的名称。

例如，假设您有一个名为“FormView1”的 FormView，其中包含一个“插入”按钮，您在设计期间为其指定了“btnInsert”ID。如果您在浏览器中打开页面进行实时查看，然后查看页面的源代码，您会注意到按钮的 html 标记实际上被命名为“FormView1$btnInsert”。

使用该名称作为 PostBackTrigger 中的 ControlID，您的更新面板将起作用。

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
       <Triggers>
             <asp:PostBackTrigger ControlID="FormView1$btnInsert" />
       </Triggers>
       <ContentTemplate>....</ContentTemplate>
</asp:UpdatePanel>