A ModalPopupExtender works fine with a panel as the target control and the panel has an AsyncFileUpload control.
However as soon as AsyncFileUpload.OnClientUploadComplete is set to something (e.g. onclientuploadcomplete="alert('hello');"), the panel is not hidden on page load.
Is there any compatibility issue here?
As far as I can see, the following code should make an AsyncFileUpload display in ModalPopupExtender. The MPE shows fine but the AsyncFileUpload doesn't load inside it. I also tried removing the update panel and putting the divs both inside and outside of the update panel, all with the same (lack of) results. And the AsyncFileUpload displays and works outside of the MPE.
In ListView EditItemTemplate:
[Code]....
After ListView closing tag:
[Code]....
i work with AjaxFileUploadl in ModalPopupExtender and I want that the modal closes once the upload ends.
I put the event hide () in the event AjaxFileUpload1_OnClientUpload of ModalPopupExtender but it did not work
here is my code :
protected void AjaxFileUpload1_OnClientUploadComplete(object sender, AjaxControlToolkit.AjaxFileUploadEventArgs e) { Session["filename"] = e.FileName.ToString(); AjaxFileUpload1.SaveAs(Server.MapPath("~/") + "/PDF/" + e.FileName); ModalPopupExtender1.Focus(); }
I have a DataList that contains some Thumbnail Image(Image Button).
Now I want when i click on any Item in datalist the original image come in modalpopupextender.
How I can do this?
<asp:DataList
ID="dlImgGallery"
runat="server"
RepeatColumns="3"
Width="100%"
onselectedindexchanged="dlImgGallery_SelectedIndexChanged"
DataKeyField="Id"
>
<ItemTemplate> <table
style="width:100%;">
<tr>
<td
></td>
<td
class="style3">
<asp:ImageButton
ID="ImageButton1"
runat="server"
ImageUrl='<%# Eval("Img_URL") %>'
BorderColor="#0098DB"
BorderStyle="Double"
BorderWidth="3px"
onclick="ImageButton1_Click1"
/>
</td>
<td
class="style3">
</td>
</tr>
</table> <br
/>
<cc1:ModalPopupExtender
ID="mpe"
runat="server"
BackgroundCssClass="ModalBackColor"
TargetControlID="ImageButton1"
PopupControlID="Panel8"
CancelControlID="btnCancel"
ondatabinding="mpe_DataBinding">
</cc1:ModalPopupExtender>
</ItemTemplate>
</asp:DataList>and
my panel that shows as modalpopu
<
asp:Panel
ID="Panel8"
runat="server"
onload
="Panel8_Load">
<asp:Button
ID="btnCancel"
runat="server"
Text="Cancel"
/>
<br
/>
<asp:Image
ID="Image1"
runat="server"
Height="102px"
Width="124px"
/>
</asp:Panel>
Now where I can to write code that when i click on item in datalist Original Image show in modal popup extender?
I have a website that's developed in ASP.NET and uses the AJAX Toolkit (asp:ToolkitScriptManager) for a couple of extenders. The AJAX effects (e.g. ) work perfectly across IE 7, IE8, FF3.5, Safari, and Chrome. However, I embedded my site in a desktop Flex-AdobeAir application using the component which is able to run the entire site including javascript except where the AJAX is used.
I narrowed the source of the problem down to the difference between using asp:ToolkitScriptManager and asp:ScriptManager. Here's an example page that will display "Safari" in the embedded flex browser as the result of document.write(Sys.Browser.name):
<%@ Page Language="C#" %>
<%@ 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">[code]...
However, if you change
<asp:ScriptManager ID="TheScriptManager" runat="server"></asp:ScriptManager>
to
<asp:ToolkitScriptManager ID="TheScriptManager" runat="server"></asp:ToolkitScriptManager>
it suddenly does not display anything on the flex browser.
I would really appreciate if someone can find out what's wrong with this code.
Here is my question. I have textboxes in a modal popup extender (City, state, zip) and there is an image button search for searching the address from the database. All this functionality is within a control (.ascx file). This control is added to the page where it needs to be displayed and is being displayed when a user click the Address button (the code for it is not shown here). The method ShowAddressSearch() in the control is being called from the page and it displays the popup.
When the user enters any of the 3 values and hits search a server event is fired up and the result should be displayed in a grid. What is happening is, when the user hits the search button the server call is made and the data fetched from the db but the modal popup closes itself here is the code for this. I would really appreciate if someone can find out where and how popup is getting closed.
[Code]....
I have a modal popup extender with one control (ascx) this control has a label that on onclic method call other popup extender.
It's has other ascx, it's has a button for a search. When I do Click in this button in first time, the event click not fired and there are a javascript error that say "this._activeDRagVisual is null reference".
In the other hand, If a use de second popup inside an asp page the event and control work correctly. The problem is with the popup inside popup.
How to add client side required validator to asyncfileupload ,to enforce user to select file before submitting the page.
View 1 RepliesI moved from the FileUpload control to the AsyncFileUpload control.
1) Do AsyncFileUpload controls work under UpdatePanels??? (Please provide example or reference)
2) Can AsyncFileUpload controls be triggerd with an update button (both inside the same updatepanel)?
am using the AsyncFileUpload, when the AsyncFileUploadEventArgs event is fired i need to check if a textbox as been populated which i am doing. the problem is i am setting the validator to invalid. i would of thought this would display the error to the user, but nothing happens
protected void AsyncFileUpload1_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)
{
[code]...
I can't get the OnClientUploadStart function to trigger when the upload starts. I also can't get the throbberID to work.
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:AsyncFileUpload ID="AsyncFileUpload1" runat="server" [code]....
i am using AsyncFileUpload in a upadte panel but while i am running this project it shows a server error that
could not found AsyncFileUpload1_UploadedComplete event in Updatepanel1
[Code]....
I am just about to learn how the AsyncFileUpload component works. I have come up with some code but this does not compile excactly. It seems but are not sure that I need to declare some events etc... I will explain excactly what my goal is to do. It will be possible to upload a .jpg file from a users computer and save this file to the below path with a new name:
UploadedFile.jpg
"~/Folder1/Images/"
[Code]....
Is there any solution short of posting back, which completely defeats the entire purpose of this control?
View 1 RepliesI have built a custom Ajax User Control which uses the AsyncFileUpload control released with the latest Ajax Toolkit.
On my local machine the application works fine without error, however if I deploy the app onto my web server the functionality breaks.
I am trying to add a file via the AsyncFileUpload control, save it to the web server, then save some details into a datatable which is displayed in a gridview. All of this sits in an update panel.
When uploading small files (under 55kbs) the process works fine, however when uploading larger files, it doesn't like it. The control uploads the file successfully to it (the client error is not triggered), but it breaks when I try to save it to the web server. Upon saving, the document saves OK, but all the data is stripped away. It just saves the filename with no content. It looks like the AsyncFileUpload control has lost the File in session, therefore cannot save it. However the AsysncFileUpload.filename still exists and AsyncFileUpload.HasFile is returning true.
Has anyone seen anything like this before or have any ideas why this could be happening? I have set the web config httpRuntime maxRequestLength = 20480, so it shouldnt be that.
See code:
[code]....
I am just about to learn how the AsyncFileUpload component works. I have come up with some code but this does not compile excactly. It seems but are not sure that I need to declare some events etc...
I will explain excactly what my goal is to do.It will be possible to upload a .jpg file from a users computer and save this file to the below path with a new name:
UploadedFile.jpg
"~/Folder1/Images/" [Code]....
I'm developing a website using .NET 3.5 and I'm having problems with the asyncfileupload control.The problem occurs when you upload a file, and then try upload the same file again. On the second upload, none of the clientside nor serverside methods fire. Everything works fine if you upload one file, upload a file with a different name and then upload the first one again.
This is a bit if a pain because on the page i allow the user to delete the uploaded images so i need the functionality to upload a file with the same name as the previous upload.Has anyone else encountered this and are there any work arounds?
I'm using ajax.toolkit asyncFileUpload to do the async image upload.
I don't know how to get the new file name that i give it in server side.
This js function
[Code]....
only returns the name of the filename on the client, not the new name that I have given server side
how can I do?
I have my asyncfileupload set up to give the posted file a new guid as its filename, what i need is the NEW filename so i can insert it into a database. PostedFile just gives me the original name, as does args.get_fileName().
Here is my codebehind:
[Code]....
I'm new to ASP.NET AJAX AsyncFileUpload so I've created an aspx page to test it but it seems there's some bug with that control because the server side UploadedComplete event does not fire.
the aspx :
<form id="form1" runat="server" method="post" enctype="multipart/form-data">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager> [code]....
I have been using the asyncfileupload control and have everything working nicely with it when uploading. However, also on my page the user can download a file.
If the following path is taken the asyncfileupload does not behave correctly:
1: Download a file
2: Attempt to upload a file via the asyncfileupload
When the user attempts the upload, the previous event is fired, which causes the download to fire again and the asyncfileupload freezes.I'm not sure why this is happening but I think it's to do with the response.end of the download and the
asyncfileupload/toolkitscriptmanager.
AsyncFileUpload not working with IE9. only on capability mode
View 9 Replies1. I need to add ajax AsyncFileUpload control programtically. How can be it done? If so how can i get all files which need to be uploaded like httppostedfile class is used to get all the files for fileupload control.
2. Can AsyncFileUpload control be casted or conveted to asp fileupload control or html fileupload? If so provide me with code.
AsyncFileUpload not working in Opera
View 2 RepliesI have problem with AsyncFileUpload in CollapsiblePanel. In debug mode i have this error: "a._innerTB.style.width=a._inputFile.offsetWidth-107+"px"". I an begginer programmer and this is first time i see that kind of error. When AsyncFileUpload is outside the Panel or AsyncFileUpload everthing works perfect but i need this in AsyncFileUpload. Anyone know how to fix it? Or maybe there is another way to send file without reloading whole page (asp FIleUpload require reload)
<form id="form1" runat="server" enctype="multipart/form-data" method="post">
<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</ajaxToolkit:ToolkitScriptManager>
<div>
<asp:Panel ID="PanelHeader" runat="server">
<asp:Label ID="Label" runat="server" />
</asp:Panel>
<asp:Panel ID="PanelBody" runat="server">
Example
<ajaxToolkit:AsyncFileUpload runat="server" ID="AsyncFileUpload1" UploaderStyle="Modern"
UploadingBackColor="#CCFFFF" />
</asp:Panel>
<ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server"
TargetControlID="PanelBody" CollapseControlID="PanelHeader" ExpandControlID="PanelHeader"
Collapsed="true" TextLabelID="Label" CollapsedText="Open" ExpandedText="Close"
CollapsedSize="0">
</ajaxToolkit:CollapsiblePanelExtender>
</div>
</form>
