The AjaxFileUpload inserted inside a ModalPopupExtender, all inside a TabContainer. After selecting the file does not start loading the file. Problem that arises when not using the TabContainer.
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<script type="text/javascript">
function UploadCompleteClient(sender, args) {
try
{
alert("Success: UploadCompleteClient");
}
catch(e)
{
alert(e.message);
}
}
</script>
<ajaxToolkit:TabContainer ID="TabContainer" runat="server" Width="100%">
<ajaxToolkit:TabPanel ID="TabPanel" HeaderText="TabPanel UploadPopUp" runat="server">
<ContentTemplate>
<asp:Button ID="imgOpenPnlUpload" Text="Upload" ToolTip="Open ModalPopUp" runat="server" />
<asp:Panel ID="PnlUpload" Height="600px" Width="900px" runat="server" Style="display: none;background-color:Black;">
<table border="0" cellpadding="2" cellspacing="0" style="width: 99%; border-collapse: collapse;">
<tbody>
<tr>
<td align="left">
<asp:Label ID="Label2" runat="server" Text="Upload modal pop up" CssClass="titoloPagina" />
</td>
<td align="right">
<asp:Button ID="imgClosePnlUpload" Text="Close" ToolTip="Close ModalPopUp" runat="server" />
</td>
</tr>
<tr>
<td align="left" colspan="2">
<ajaxToolkit:AjaxFileUpload ID="ajaxUpload" OnUploadComplete="ajaxUpload_OnUploadComplete"
OnClientUploadComplete="UploadCompleteClient" runat="server" />
</td>
</tr>
</tbody>
</table>
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtenderPnlUpload" runat="server" BehaviorID="mdlPopupPnlUpload"
TargetControlID="imgOpenPnlUpload" PopupControlID="PnlUpload" BackgroundCssClass="modalBackground"
CancelControlID="imgClosePnlUpload" />
</ContentTemplate>
</ajaxToolkit:TabPanel>
</ajaxToolkit:TabContainer>
</asp:Content>
///CodeBehide
public void ajaxUpload_OnUploadComplete(object sender, AjaxControlToolkit.AjaxFileUploadEventArgs e)
{
try
{
//ajaxUpload.SaveAs(e.FileName);
}
catch (Exception ex)
{
}
}
Comments: Please upgrade to the latest version of AJAX Control Toolkit v15.1. If the problem remains, feel free to post a new issue.
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<script type="text/javascript">
function UploadCompleteClient(sender, args) {
try
{
alert("Success: UploadCompleteClient");
}
catch(e)
{
alert(e.message);
}
}
</script>
<ajaxToolkit:TabContainer ID="TabContainer" runat="server" Width="100%">
<ajaxToolkit:TabPanel ID="TabPanel" HeaderText="TabPanel UploadPopUp" runat="server">
<ContentTemplate>
<asp:Button ID="imgOpenPnlUpload" Text="Upload" ToolTip="Open ModalPopUp" runat="server" />
<asp:Panel ID="PnlUpload" Height="600px" Width="900px" runat="server" Style="display: none;background-color:Black;">
<table border="0" cellpadding="2" cellspacing="0" style="width: 99%; border-collapse: collapse;">
<tbody>
<tr>
<td align="left">
<asp:Label ID="Label2" runat="server" Text="Upload modal pop up" CssClass="titoloPagina" />
</td>
<td align="right">
<asp:Button ID="imgClosePnlUpload" Text="Close" ToolTip="Close ModalPopUp" runat="server" />
</td>
</tr>
<tr>
<td align="left" colspan="2">
<ajaxToolkit:AjaxFileUpload ID="ajaxUpload" OnUploadComplete="ajaxUpload_OnUploadComplete"
OnClientUploadComplete="UploadCompleteClient" runat="server" />
</td>
</tr>
</tbody>
</table>
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtenderPnlUpload" runat="server" BehaviorID="mdlPopupPnlUpload"
TargetControlID="imgOpenPnlUpload" PopupControlID="PnlUpload" BackgroundCssClass="modalBackground"
CancelControlID="imgClosePnlUpload" />
</ContentTemplate>
</ajaxToolkit:TabPanel>
</ajaxToolkit:TabContainer>
</asp:Content>
///CodeBehide
public void ajaxUpload_OnUploadComplete(object sender, AjaxControlToolkit.AjaxFileUploadEventArgs e)
{
try
{
//ajaxUpload.SaveAs(e.FileName);
}
catch (Exception ex)
{
}
}
Comments: Please upgrade to the latest version of AJAX Control Toolkit v15.1. If the problem remains, feel free to post a new issue.