在Ajax Modal弹出扩展器中使用fileupload控件

Question

I have a GridView control which displays columns Name, Comments, Image. When I click on an image I need to open a modal popup extender which will be assigned to a panel that contains a textbox, fileupload control, upload- and cancel button.

The problem is when I press the update button the button_click event I am not able to find the file inside the FileUpload control where as I can find text inside textbox any help is appreciated. My code is as follows:

<asp:GridView ID="gdvMngTeam" runat="server" 
    CellPadding="4" 
    AutoGenerateColumns="False"
    ForeColor="#333333" 
    GridLines="None" 
    Width="100%" 
    DataMember="ID" 
    OnRowCommand="gdvMngTeam_RowCommand">
    <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
    <RowStyle BackColor="#EFF3FB" Font-Names="Verdana" Font-Size="Small" />
    <Columns>
        <asp:BoundField DataField="ID" HeaderText="ID" Visible="False" />
        <asp:BoundField HeaderText="Name" DataField="Name" />
        <asp:BoundField HeaderText="Comments" DataField="Comments" />
        <asp:TemplateField HeaderText="Photo">
            <ItemTemplate>
                <asp:ImageButton ID="imgbtnPhoto" ImageUrl= '<%# Eval("Image") %>' runat="server" CommandArgument='<%# Eval("ID") %>' CommandName="Photo" />                   
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
    <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
    <EmptyDataTemplate>
        <asp:Label ID="Label3" runat="server" Font-Bold="True" Font-Names="Verdana" Font-Size="Small" ForeColor="Red" Text="No Records Found"></asp:Label>
    </EmptyDataTemplate>
    <SelectedRowStyle BackColor="#D1DDF1" ForeColor="#333333" Font-Bold="True" />
    <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" Font-Names="Verdana" Font-Size="Medium" />
    <EditRowStyle BackColor="#2461BF" />
    <AlternatingRowStyle BackColor="White" />
</asp:GridView>

<tr>
    <td>
        <asp:Panel ID="Panel1" runat="server">
            <table cellpadding="2" cellspacing="2" border="0">
                <tr>
                    <td>
                        <asp:Label ID="Label8" runat="server" Text="Upload Photo :" Font-Bold="True" Font-Names="Verdana" Font-Size="Small" ForeColor="White"></asp:Label>
                    </td>
                    <td>
                        <asp:FileUpload ID="fumdpop" runat="server" /><br />
                        <asp:TextBox ID="tx" runat="server"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="line-height: 6px;">&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <asp:Button ID="btnUpload" runat="server" Text="Upload"  onclick="btnUpload_Click" />&nbsp;&nbsp;
                        <asp:Button ID="btnfuCancel" runat="server" Text="Cancel" />
                        &nbsp;
                        <asp:Button ID="btnok" runat="server" Text="OK" />
                    </td>
                </tr>
            </table>
        </asp:Panel>
    </td>
</tr>
<tr>
    <asp:Button ID="bt" runat="server" Text="bt" />
    <cc1:ModalPopupExtender ID="mdpextPhoto" BackgroundCssClass="backgroundcolor" runat="server" TargetControlID="bt" PopupControlID="Panel1" OkControlID="btnUpload" CancelControlID="btnfuCancel" >
    </cc1:ModalPopupExtender>
</tr>

Code behind:

protected void gdvMngTeam_RowCommand(object sender, GridViewCommandEventArgs e)
{
    if (e.CommandName == "Photo")
    {
        ViewState["ID"] = Convert.ToInt16(e.CommandArgument);

        //AjaxControlToolkit.ModalPopupExtender mpop = (AjaxControlToolkit.ModalPopupExtender)gdvMngTeam.SelectedRow.FindControl(
        mdpextPhoto.Show();
    }
}

protected void btnUpload_Click(object sender, EventArgs e)
{   
    string txt = tx.Text;
    if(fumdpop.HasFile)
    {
        string filename = fumdpop.FileName;
        fumdpop.SaveAs(Server.MapPath("Photos/" + filename));
        objTeam.ID = id;
        objTeam.Image = "photos/" + filename;
        string resutl = TeamManager.ChangeImage(objTeam);

        ds = TeamManager.GetTeamDetails();
        gdvMngTeam.DataSource = ds.Tables[0];
        gdvMngTeam.DataBind();
    }
}

Answer 1

You should register the Fileupload or btnUpload as FullPostBackControl at the ScriptManager

C#:

ScriptManager curObj = ScriptManager.GetCurrent(Page);
(if curObj != null)
      current.RegisterPostBackControl(btnUpload);

and in VB:

Dim curObj As ScriptManager = ScriptManager.GetCurrent(Page)
If curObj IsNot Nothing Then
      curObj.RegisterPostBackControl(btnUpload)
End If