Javascript - AJAX Enabled Controls Are Working - Debug When Necessary?
Mar 2, 2011
I use AJAX controls a lot - AJAX update panels, AJAX-enabled grids, etc. (mostly from Infragistics), and most of the time, things work great. But sometimes they don't, and I have no idea where to start with debugging etc. The AJAX part of it is a black box (seemingly), and I really don't like that. I want to know enough about AJAX and javascript such that I have confidence to work with these controls instead of just praying that they work. I want to be able to debug them, and also have confidence that I am using them properly (because I don't feel I can possibly use them really properly and appropriately if I don't know what they are doing). What do I need to know to get this comfort? Where can I learn about this? How should I go about tackling learning about this?
I want to debug EditPanel.debug.js file of HTML Editor, but it never shows in VS 08 and Im sure it executes to that line.What I did to enable debuggingUnchecked both 2 checkboxes for disabling the debugging
Set ScriptMode="Debug"
Change following line
[ClientScriptResource("AjaxControlToolkit.HTMLEditor.EditPanel", "AjaxControlToolkit.HTMLEditor.EditPanel.js")] to [ClientScriptResource("AjaxControlToolkit.HTMLEditor.EditPanel", "AjaxControlToolkit.HTMLEditor.EditPanel.debug.js")]
I know normally you call ConfirmButton from a control that does postbacks, but afew of my users don't have javascript enabled which is a showstopper.
So I'm trying to use a standard asp:hyperlink with a URL to the next page, and if the user has javascript it will call the ConfirmButton on the onclick event (and if returns true will follow the URL in the hyperlink).
If they dont have javascript, it will just follow the hyperlink without a confirmation.
This is similar to have a return confirm ("sure?") in the onclick event of a hyperlink, to fire a traditional js confirm
So far I have only got this:
<asp:ScriptManager ID="man" runat="server" />
[Code]....
how I can manually call the ConfirmButton with an onclick even in the hyperlink, and return true or false?
Scenario : I am going to access external web service [ExternalWS] using AJAX. So obviously, need to create local proxy service [LocalProxyWS] first, which in turn will access the external web service. Now, the external service webmethod [Process] basically redirects the current page on our site to their site, does some work and then return back to our site.
What I want : I want that when the user clicks the button ('Process') on our site, it should open a new window and then starts executing the request on the new window, so that I can have the page on my website to be displayed permanently (which will poll a request every 15 seconds to the external service (via local proxy) for the status).
Local Proxy service which calls external service is as follows..
[ServiceContract(Namespace = "LocalProxy")] [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)] public class LocalProxyToExternalService { [OperationContract] public void InitiateTransaction(string amount)
Basically, I am opening a new window from the button click and then want to process the new request in that new window, so that I can show the status to the user from the current page on my website So far, it opens the new window, but doesn't transfer the request on to that, but I get an error message in firebug as follows...
im working on drag drop rows from one grid view to another,its working fine until page size is 1,when records exceeds from 5(as my page size in grid view is 5) 2 pages are display in grid view,,now when i drag row from other grid view to this gridview ,row s dropped in this gridview but beside this it also drop on pages (1,2)display on this (destination)grid view..
So far, I've seen (and I'm using the following) scripts to show/hide a div or other controls depending on another control in ASP.NET
$('[id$=myRadio_0]').click(function() { $('[id$=myDiv]').show(); }); $('[id$=myRadio_1]').click(function() { $('[id$=myDiv]').hide(); }); and of course, my div in html like <div id="myDiv" runat="server" visible="false">
and that works fine when the user selects either option of the radiobuttonlist. However, when I assign that radiobuttonlist a value of 1 or yes on my Page_Load on code behind, that isn't (and probably can't be) caught by jQuery, and my div remains invisible even though the control has a value of Yes/1. So, do I need to set the visibility of that div from code behind, or is there a way in jQuery to force a scan of these dependencies after i've set the values for the main controls in code behind?
I have a web app with a table of statistics on our salesmen's customers, and each row has a sparkline graph showing the general trend of the sales data for the last 12 months. Each page shows a particular salesman's customer list, and some of them can have an enormous number of customers = an enormous number of rows = an enormous number of sparklines (e.g. one in particular has 125 and takes 15 seconds to load).
For this reason, jQuery sparklines could not be used - they completely pinned the CPU of a user accessing a page with a lot of sparklines with IE.
So I moved on to using the Google Chart API, which worked much better, except for two issues: 1) it's on a secure site, and the Google Chart API URL is only served over HTTP (solved by using a small wrapper script to download the graph dynamically and re-serve it from our secure server); and 2) on a page with 125 sparklines, it was still very slow due to the number of requests (even when the 0-9 server prefixes are used to maximize the # of available connections).
So my next step beyond this was to try to make each of the "download/grab/re-serve image" method calls asynchronous - and it worked!
...but only on my dev box running in debug mode.
When I pushed it up to the live site, it was faster, but it left some of the images unloaded, which is of course unacceptable.
So here is what I was hoping some SO hotshot would know:
1) Why are my asynchronous method calls working while debugging, but not working on the live site?
2) Is there any easier way to get a large number of sparklines of some sort to load quickly on a secure server without making me want to tear my hair out?
2a.) Does anyone have any experience using the ASP.NET Chart Library? Is this something I should investigate?
2b.) A co-worker suggested I make my own sparkline routine using a 1x1 CSS background image and varying the height. The problems are a) it is completely un-extensible in case we want to make changes; b) it seems hacky as hell (leaves about a bajillion DIVs per sparkline in the markup); and c) I have no idea if it will be fast enough when there are 100-200 of them on one page - what are your thoughts on the feasibility of the 1x1 sprite approach?
[URL] I created an AJAX-enabled WCF service to call from a web form. the thing is that after creating it, I'm able to populate my dropdown from the items returned by the service.
but 2 hours later, I get this FireFox error message when loading the page :
"Error: Sys.ArgumentException: Value must not be null for Controls and Behaviors. Parameter name: element Source File: http://localhost:50403/ThunderWeb2 /ScriptResource.axd?d=Htwz5SPOGy46DsuOfFL3pQa8Lr5_3hMVD_cps_d3FYg4iWXeG_0-3bdA95LxuQtbXGUXoHUpV1SV8q4FusAyWjJpsaLk2b6TFO_NfpB_3ro1&t=ffffffffbb99ee49 Line: 2710"
and also this :
Error: ThunderServ is not defined Source File: http://localhost:50403/ThunderWeb2/Thunder/new_recording.aspx Line: 105
I delete the service and recreate it with the same code and then it runs fine. but after a while, (1 hour or so), the service isn't defined anymore, I get the error.
It is very simple but for some reason not working. I have listbox (populated from code behind) with multiple selection enabled and submit button:
[Code]....
The problem is - even when I select multiple items, it's always only the first item has Selected property = true in the event handler, and the listbox after the submit deselects all the items and selects only the first one
I have a site created using .net and the ajaxcontroltoolkit. When some users log on they do not see the controls on the page. I can duplicate this if I disable active scripting in ie. The problem is that the users I have spoken with have active scripting enabled. I have had them navigate to a site that tests javascript and it passes. Has anyone experienced this problem? If so what was your solution?
So to ensure that javascript is enabled on a browser, you need to check wheather the returned valued is either equal to or bigger than 1. This works on normal browsers, but when I test it on my phone the returned value is always 0.0, no matter if my javascript is enabled or disabled. Is there a way to check if javascript is enabled on a mobile browser or will the browser handle the incapability on it's own?
I've searched high and low for some resolution to this problem. Hopefully someone here can explain!!I create a usercontrol that uses .NET web controls, but I want to create a smoother user experience by avoiding full postbacks, so I write some JQUERY to capture click events on the client and in this way do the processing without going back to the server.
$("#tblLedgerEntries :checkbox").click(function () { var value1 = $(this).closest("tr").find("td.invoiceAmount").html(); var value2 = $('#<%=hdnTotalToPay.ClientID%>').html(); CalculateTotalPayable(value1, value2, $(this).attr("checked")); [code]...
Within an ASP.NET AJAX UpdatePanel on my page I have a submit button which has some custom javascript validation applied which set a global _cancelGeneralSettingsUpdate flag depending on the results of the validation.In this case the variable _cancelGeneralSettingsUpdate is correctly set to false but the initializeRequest function is not called before the page attempts to postback via AJAX, causing the postback to fail. I need to be able to have postbacks succeed once the invalid input has been corrected and the user clicks the submit button again. Unfortunately I do not seem to be properly wired into the PageRequestManager pipeline once postback has been cancelled. If I refresh the page, everything works again, but cancelling the postback via args.set_cancel(true)
I inherited some web shop project (asp.net 3.5, web forms, visual studio 2008 pro). On one page I have MaintainScrollPositionOnPostback set to true. When shopping cart (user control loaded in master page) is empty, then asp.net is not generating javascript code required for scroll position. When I add some items to the cart, then everything works fine.
how to find part of the code which is responsible for this issue? I don't have an access to the 3rd party profilers.
I want to create a custom attribute to check if the browser has cookies and javascript enabled. I'm guessing I would create a ActionFilterAttribute that would redirect to a controller action to load a page to check cookies and javascript on the client side. If they are enabled then it would redirect to the desired action, otherwise display an error message. Is this a correct approach or is there a better way to do this?
In my page, I need to enable a text box when user click on check box(checked). I have used javascript for this. It works fine but when there is postback for the page, the textbox becomes disabled again although the check box is checked. But the value in textbox still appears. Is there any method to retain the enabled state for text box on postback other than using hidden values?
