AJAX :: ModalPopupExtender - Display Loading Indicator During WebService Call
Dec 16, 2010
On one of my pages I've got a popup window implemented using the ModalPopupExtender. The content html of the popup is retrieved from a webservice dynamically (using DynamicServicePath, DynamicServiceMethod properties of the extender). Everything works fine, however there is a minor problem: web service call takes about 2 seconds and the popup panel is blank during this time, which confuses the users. I would like to display 'Loading...' message in the popup window (or an animated image, does not really matter) during the webservice call. Is there a way to do it?
In part of my web page, I have couple of asp:image Thumbnails, onclick I use ajax modal popup extender to show the imgae in full size which are working fine, what I need to add is to have a processing image or indicator both in thumbnail and modal popup extender, I also have ajax autocomplete that is working fine, I need to add some indicator or processing image to it as soon as user start typing a word.
Is there a way with ASP.net page (with AJAX) to display some some of busy indicator (just a label is fine) while disabling some buttons (to prevent double-click) and then do the work. At the end of the work, the label changes to indicate the new status. When I tried to do it this way :
Public Sub BtnEnvoyer_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles BtnEnvoyer.Click BtnEnvoyer.Enabled = False LblStatus.Visible = True LblStatus.ForeColor = Drawing.Color.ForestGreen LblStatus.Text = "Envoi en cours..." SendEmail() End Sub Private Sub EnvoyerCourriel() ' Do some work LblStatus.Text = "Done!" BtnEnvoyer.Enabled = True End Sub
I just see the dn result, nothing in between. I don't mind using javascript to make it work if needed, or anything else for that matter.
in part of my web page, I have couple of asp:image Thumbnails, onclick I use ajax modal popup extender to show the imgae in full size which are working fine, what I need to add is to have a processing image or indicator both in thumbnail and modal popup extender, I also have ajax autocomplete that is working fine, I need to add some indicator or processing image to it as soon as user start typing a word.
I have update panel on the page to avoid postback and placed a dropdownlist control within that update panel. DrodownList is filled with Category names and also it's autopostback set to True.
Now whenever dropdownlist index change's on select, untill page loads complete data it should show mesage as "Loading.... in center and middle of the page and background should become bit transparent". And when page load completely with data then that background and message should get disappear.
I'm using partial page loads off a webservice and was curious if there was a way to load a control through the .asmx file when the part loads. I tried:
Control CallDetailsControl = this.LoadControl("~/mycontrol.ascx");
I know this is a pretty common issue as i have read a lot of posts from people with similar issues. However thus far what i have uncovered doesn't seem to help resolve my issue. I have used the ModalPopupExtender regular enough but this is my first time needing the Dynamic side of things. The code I have is very basic and generic at the minute..I have the following ASPX code in place:
[Code]....
Now just to say at this stage the Modal Dialog box pops up and closes 100%. So my ProductPopulate.asmx service at the moment for testing is just using the VS2010 default Web Service with a few changes that i will explain.
[Code]....
So the changes i have made to the default VS2010 webservice is from this article http://sandblogaspnet.blogspot.com/2009/07/working-with-modal-popup-extender.html
I changed the default HelloWorld method to static and also uncommented the following line
[Code]....
So this is as far as my code has gotten at the minute. The Modal Dialog pops up 100% and what i would expect to see within the dialog box would be the text "Sampling Control" from the DynamicContextKey. Instead what i get is the "Web Service call failed: 500" error. I have stripped everything back to basics as you can see.. but for some reason i am still getting this error. I have used Web Services before from time to time without any issues and i have used the ModalPopupExtender without any issues.. but i am left scratching my head as to what i am missing on putting the two together.
Also just to note, both ASMX and ASPX files are currently in the root of the web project to rule out any path issues. Also i am using the VS Web Service to preview and debug.
In our application we have a scenario where we need to display a panel using modalpopupextender after performing an async call on the server. We were using the Show method for displaying the popup. It used to work fine without any async call. But when an async call was introduced during the request processing the popup is not getting displayed.
I have am trying to implement a simple AutoComplete function yet i am having difficulty. It looks like the AutoComplete control is not even calling the method (webservice). If i load the webservice from the browser, i can see my Method, click on it, enter in the prefix, click on Invoke and it returns a SQL STRING. Below is the string the webservice returns.
I'm calling a webservice using jQuery with .ajaxHere are the data parameters for the call:
var parameters = "{'Titre':'" + Titre + "','Description':'" + Description + "','Contact':'" + Contact + "','VilleId':'" + VilleId + "','QuartierId':'" + QuartierId + "','UserId':'" + UserId + "'}"; It works fine. But when parameters Description or Titre contain the ' character , no call!!!
Does anyone have an idea how can i make it work even with apostrophe character in Titre and/or Description?
I have a webservice "DataService.asmx" which I am using for AJAX calls for insert, update, delete and some other tasks. All the pages are calling webservice smoothly but this new page I added and calling my webservice using the same ajax method not working. Strange thing is that neither its going on SUCCESS nor FAILURE...and put a breakpoint on my webservice but its not going into the webservice...plz help as its been 6 hours now figuring what the problem is..here is the code.
I've been prototyping the use of the ModalPopUpExtender but find that the BackgroundcssClass fills the entire screen even though I have defined the width and height. So when I click on link button the popup fills the entire window and the X/Y positioning has no effect. Other than that the content displays fine. Any thoughts on this issue?
Configuration : Windows Vista,VS 2005,Ajax v1.0.61025 My Html Page
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> <script language="javascript" type="text/javascript"> function fnCall() { try { var ans= Sim.Service.HelloWorld(OnMethodSucceeded, OnMethodFailed); } catch(e) { alert(e.message); } } function OnMethodSucceeded(result) { alert('a'); } function OnMethodFailed(result) { alert('b'); } </script> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" ><Services> <asp:ServiceReference Path="http://localhost/ajaxtest/service.asmx" /></Services> </asp:ScriptManager> <div><input id="Button1" type="button" value="button" onclick="fnCall();" /></div> </form> </body> </html> Web Service CS. using System; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; using System.Web.Script.Services; namespace Sim { [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. [System.Web.Script.Services.ScriptService] public class Service : System.Web.Services.WebService { public Service() { //Uncomment the following line if using designed components //InitializeComponent(); } [WebMethod,ScriptMethod(UseHttpGet=true)] public string HelloWorld() { return "Hello World"; } } }
But i am getting Sim is not defined. Error. post ur comments. I have reviewed most of the forums. I am not able to clear
I realize that this happens only when I load UserControl through Ajax call,but I don't understand why. Can someone explain what is going on behind the scene? I want to understand why loading html with script inside it doesn't downloads the script.
I am calling a web service via Javascript. I tried it first in a web page that does not have a Masterpage and it worked perfectly. Then I moved everything over to a web page that does use a Masterpage, and I get a "Microsoft JScript runtime error: Object required" on the javascript statement that calls the web service. My javascript statements look like so:
I have a web user control. That I load dynamicaly inside a modalpopup window using dynamic populate extender. User control has a external javascript file linked to it. Problem: I cannot make call to webservice method from this external javascript file. When I make a call -- servicename.methodname() I get servicename not defined error.
in fact I have 2 webservice calls, one returns 8 results and the other one 4 results. So the same webservice is called twice but with different arguments and on different pages(browsers).What happens? even though I call on one page only one webservice(arguments1), I also get the results from webservicearguments2) which should be only on PAGE2to be more clear: I get both webservice results in both the pages, when I expect one for each page, it's like they share webservice results somehow,
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.
