Hi,
I have placed AjaxFileUpload in visible state while page load and placed inside a UpdatePanel. Trigger will raised the AjaxFileUpload to visible state when clicked on a button. Everything works fine, AjaxFileUpload also displays on the webpage but while uploading the file, it was unable to upload files.
I guess error lies at the client end.
But all the above problem get solved, if I made the AjaxUploadFile module visible when the page loads.
I have installed the latest update of Toolkit provided by Codeplex.
Code is as below:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="documents.aspx.cs" Inherits="Document" %><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"><title>Untitled Page</title><link rel="stylesheet" href="css/document.css" type="text/css" /><link href="css/StyleSheet.css" rel="stylesheet" type="text/css" /><script type="text/javascript"> function customOpen(url) { var w = window.open(url, '', 'toolbar=0,status=0,navigationtoolbar=0,location=0,menubar=0,directories=0,resizable=1,scrollbars=1'); w.focus(); }</script><script type="text/javascript"> var styleToSelect; function onOk() { document.getElementById('Paragraph1').className = styleToSelect; }</script><%--<script language="javascript" type="text/javascript"> function ajaxFileUploadAttachments_ClientUploadComplete(sender, e) { if (sender._filesInQueue[sender._filesInQueue.length - 1]._isUploaded) __doPostBack('UpdatePanel2', ''); // Do post back only after all files have been uploaded }</script>--%></head><body><form id="form1" runat="server"><asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager><div id="header"><div><a href="Default.aspx" class="logo"><img src="images/logo.png" alt="" /></a><ul><li ><a href="default.aspx">home</a></li><li><a href="Gallery.aspx">gallery</a></li><li class="selected"><a href="documents.aspx">Documents</a></li><li><a href="Contact.aspx">contact us</a></li><li><a href="logout.aspx">Logout</a></li><li><a href="admin/default.aspx">Admin</a></li></ul></div></div><div id="DocumentHead"><div><ul><li><asp:LinkButton ID="LinkButton3" runat="server" onclick="LinkButton3_Click">My Library</asp:LinkButton></li><li > |</li><li><asp:UpdatePanel ID="UpdatePanel9" runat="server" UpdateMode="Conditional"><ContentTemplate><asp:LinkButton ID="LinkButton4" ToolTip="Refresh Current List" runat="server" onclick="LinkButton4_Click">Refresh List</asp:LinkButton></ContentTemplate></asp:UpdatePanel></li><li><asp:UpdatePanel ID="UpdatePanel5" runat="server" UpdateMode="Conditional"><ContentTemplate><asp:LinkButton ID="LinkButton2" Visible="false" onclick="LinkButton2_Click" ToolTip="Upload Files" runat="server">Upload</asp:LinkButton></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="SelectedNodeChanged" /><asp:AsyncPostBackTrigger ControlID="LinkButton3" EventName="Click" /></Triggers></asp:UpdatePanel></li><li><asp:UpdatePanel ID="UpdatePanel6" runat="server" UpdateMode="Conditional"><ContentTemplate><asp:LinkButton ID="LinkButton5" Visible= "false" onclick="LinkButton5_Click" ToolTip="Delete" runat="server">Delete</asp:LinkButton></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="SelectedNodeChanged" /><asp:AsyncPostBackTrigger ControlID="LinkButton3" EventName="Click" /></Triggers></asp:UpdatePanel></li><li><asp:UpdatePanel ID="UpdatePanel10" runat="server" UpdateMode="Conditional"><ContentTemplate><asp:LinkButton ID="LinkButton8" Visible ="false" ToolTip="Download" runat="server" onclick="LinkButton8_Click">Download</asp:LinkButton></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="SelectedNodeChanged" /><asp:AsyncPostBackTrigger ControlID="LinkButton3" EventName="Click" /><asp:PostBackTrigger ControlID = "LinkButton8" /></Triggers></asp:UpdatePanel></li><li><asp:UpdatePanel ID="UpdatePanel11" runat="server" UpdateMode="Conditional"><ContentTemplate><asp:LinkButton ID="LinkButton9" Visible ="false" ToolTip="View File" runat="server" onclick="LinkButton9_Click">View</asp:LinkButton></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="SelectedNodeChanged" /><asp:AsyncPostBackTrigger ControlID="LinkButton3" EventName="Click" /></Triggers></asp:UpdatePanel></li><li><asp:UpdatePanel ID="UpdatePanel7" runat="server" UpdateMode="Conditional"><ContentTemplate><asp:LinkButton ID="LinkButton6" Enabled="false" Visible ="false" ToolTip="Move" runat="server">Move</asp:LinkButton><asp:ModalPopupExtender ID="ModalPopupExtender2" runat="server" TargetControlID="LinkButton6" PopupControlID="Panel2" BackgroundCssClass="modalBackground" DropShadow="true" OkControlID="OkButton" OnOkScript="onOk()" CancelControlID="CancelButton" /></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="SelectedNodeChanged" /><asp:AsyncPostBackTrigger ControlID="LinkButton3" EventName="Click" /></Triggers></asp:UpdatePanel></li><li><asp:UpdatePanel ID="UpdatePanel8" runat="server" UpdateMode="Conditional"><ContentTemplate><asp:LinkButton ID="LinkButton7" Enabled="false" Visible ="false" ToolTip="Share" runat="server">Share</asp:LinkButton><asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="LinkButton7" PopupControlID="Panel1" BackgroundCssClass="modalBackground" DropShadow="true" OkControlID="OkButton" OnOkScript="onOk()" CancelControlID="CancelButton" /></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="SelectedNodeChanged" /><asp:AsyncPostBackTrigger ControlID="LinkButton3" EventName="Click" /></Triggers></asp:UpdatePanel></li><li><asp:UpdatePanel ID="UpdatePanel12" runat="server" UpdateMode="Conditional"><ContentTemplate><asp:LinkButton ID="LinkButton10" Visible ="false" ToolTip="Back" runat="server" onclick="LinkButton10_Click">Back</asp:LinkButton></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="SelectedNodeChanged" /><asp:AsyncPostBackTrigger ControlID="GridView1" EventName="SelectedIndexChanged" /><asp:AsyncPostBackTrigger ControlID="LinkButton3" EventName="Click" /></Triggers></asp:UpdatePanel></li></ul></div></div><hr /><div id="body"><div class="body"><div id="leftnavigation"><asp:Timer ID="Timer1" OnTick="Timer1_Tick" runat="server" Interval="9000000"></asp:Timer><h1>Libraries<asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click" ToolTip="Refresh Library"><%--<img src="images/untitled.bmp" alt="Refresh" />--%></asp:LinkButton></h1><asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional"><ContentTemplate><asp:TreeView ID="TreeView1" runat="server" ImageSet="Arrows" ShowLines="True" onselectednodechanged="TreeView1_SelectedNodeChanged"><ParentNodeStyle Font-Bold="false" /><HoverNodeStyle Font-Underline="True" ForeColor="#5555DD" /><SelectedNodeStyle Font-Underline="True" HorizontalPadding="0px" VerticalPadding="0px" ForeColor="#5555DD" /><NodeStyle Font-Names="Verdana" Font-Size="8pt" ForeColor="DarkGreen" HorizontalPadding="5px" NodeSpacing="0px" VerticalPadding="0px" /></asp:TreeView></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="SelectedNodeChanged" /><asp:AsyncPostBackTrigger ControlID="LinkButton1" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="LinkButton3" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" /></Triggers></asp:UpdatePanel></div><div id="content"><h1>Details</h1><asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"><ContentTemplate><asp:AjaxFileUpload ID="AjaxFileUpload1" Visible="false" OnUploadComplete="AjaxFileUpload1_OnUploadComplete" runat="server" /></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="SelectedNodeChanged" /><asp:AsyncPostBackTrigger ControlID="LinkButton2" EventName="Click" /></Triggers></asp:UpdatePanel><asp:UpdatePanel ID="UpdatePanel2" OnLoad="UpdatePanel2_Load" runat="server" UpdateMode="Conditional"><ContentTemplate><div id ="Details"><asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" GridLines="Horizontal" Visible="False" Width="100%" onselectedindexchanged="GridView1_SelectedIndexChanged" PageSize="5"><PagerSettings Visible ="true" Mode="NumericFirstLast" /><RowStyle BackColor="#E3EAEB" ForeColor="DarkGreen" /><FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" /><PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" /><SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" /><HeaderStyle BackColor="DarkGreen" Font-Bold="True" VerticalAlign="Middle" HorizontalAlign="Left" ForeColor="White" /><EditRowStyle BackColor="#7C6F57" /><AlternatingRowStyle BackColor="White" /><Columns><asp:ButtonField CommandName="Select" ButtonType="Button" /></Columns></asp:GridView></div></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="LinkButton4" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="LInkButton5" EventName="Click" /></Triggers></asp:UpdatePanel><div><p id="Paragraph1"> .</p><asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none" Width="233px"><p>Select Details Below: </p><asp:Label ID="Label7" runat="server" Text="Select User : "></asp:Label> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br /><div align="center"><asp:Button ID="OkButton" runat="server" Text="OK" /><asp:Button ID="CancelButton" runat="server" Text="Cancel" /></div></asp:Panel><br /></div><div><p id="P1"> .</p><asp:Panel ID="Panel2" runat="server" CssClass="modalPopup" Style="display: none" Width="233px"><p>Select Details Below: </p><asp:Label ID="Label8" runat="server" Text="Select Folder : "></asp:Label> <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br /><div align="center"><asp:Button ID="Button1" runat="server" Text="OK" /><asp:Button ID="Button2" runat="server" Text="Cancel" /></div></asp:Panel><br /></div></div><div id="rightnavigation"><h2>Folder Details</h2><asp:UpdatePanel ID="UpdatePanel4" runat="server" UpdateMode="Conditional"><ContentTemplate><div><asp:Label ID="Label4" runat="server" Text="Library : " ForeColor="Green"></asp:Label><asp:Label ID="Label1" runat="server" Text="" ForeColor="Green"></asp:Label></div><div><asp:Label ID="Label5" runat="server" Text="Folder : " ForeColor="Green"></asp:Label> <asp:Label ID="Label2" runat="server" Text="" ForeColor="Green"></asp:Label></div><div><asp:Label ID="Label6" runat="server" Text="SubFolder : " ForeColor="Green"> </asp:Label><asp:Label ID="Label3" runat="server" Text="" ForeColor="Green"></asp:Label></div></ContentTemplate></asp:UpdatePanel></div></div></div><div id="footer"><div><ul class="contact"><li> Lumbini Bank Limited</li></ul><ul class="connect"><li class="mail"><a target= "_blank" href="http://192.168.0.2">mail</a></li></ul></div><p> Copyright © 2011. All Rights Reserved</p></div></form></body></html>
Thanks
Rahul Saud
IT Professional
Lumbini Bank Limited
Nepal