Ajax - Telerik Rad Combo And Async Postbacks In C#?
Jul 26, 2010
I have a very typical set up, an ajax update panel is updated when a drop list of offices changes. Each form could have it's own values, for instance each store will have it's own list of employees. Here is where the fun begins. The form can be changed by the drop down (new office) or validated and submitted.
On drop down change, I create a new instance of the same rad combo, bind it to the current data, confirm that the correct data is bound. Then on the return trip I see selected the default user from the previous user. This is a composite control, and firebug shows me that the value for the "text box" that simulates the combo still has the old value. I'm suspecting onViewStateLoaded, but turning viewstate off for the Telerik didn't . II don;t need it anyway, cuz I have to put the selected value in another hidden to make a cross page post on submit.
What I'm looking for is to disable the submit button if any of the inner updatepanels are in postback mode. I would also like some way to block that particular panel. I guess for the outer updatepanel, updatemode should be set to conditional, and usechildrenastriggers should be false. What's really bugging me is how to block the panel while a postback is occurring.
In all my tests thus far, the outer updatepanel's updateprogress is triggered, which blocks the whole page.
So I have a page with an UpdatePanel and some controls in there. When I explicitly type/copy+paste the page's address into the address bar, let VS navigate there for me, or follow a link to the page, all of the AJAX works fine. But if I refresh this page, the JS on the page initiates the async postback, but the appropriate event is never called on the server (although Page_Load is) and the client never recieves the markup sent back by the server. This issue seems to be limited to Firefox 3.6 (Gecko build 1/15/2010)(doesn't happen in IE8). I have yet to try on other versions of Firefox.
I am having a problem with users clicking submitting pages multiple times. What is happening is a user will click a link, if nothing happens in .025 seconds they click another link or menu item, etc. I handle users clicking the back button and the impatient user winds up getting directed to my "Dont click the back button" page even though they dont click the back button.
I need to prevent mutiple submits by disabling all submit controls on my pages. I dont have a single submit button, i have pages with menus, gridviews, yada yada that all need to get turned off. I have pages that use update panels and pages that dont. All my pages inherit from a BasePage class. I would like to solve this problem by implementing the solution in my BasePage class.
I did a little research and found this little script that works for synchronous postbacks:
I am trying to create a simple web application that uses a barcode scanner to read the barcode and then insert the information into a database. I have been able to get the barcode scanner to read the barcode and place the information into a textbox.
Then using javascript when the enter key is triggered on the scanner it then clicks the button to do a AsyncPostBack on the updatepanel then using scriptManager.RegisterStartupScript I then focus on the text box and then select the text in it ready for a new barcode to be entered.
The problem that I am having is that I can get it to post back 26 times then it will go to error (with no information). If I then add additional controls to the page I can only get it to post back 10 times. Below is my code... I have been pulling my hair out for the last two days.
Say I have 2 UpdatePanels on the page and each UpdatePanel has a one server Button each. When I click on the first button and then the second button and look in Firebug, I see that the 2nd async postback is not triggered until the first one completes.
Is this working as expected? My understanding was with AJAX postbacks, the event handlers for the buttons trigger simultaneously.
We have an ASP.NET page which uses an update panel for partial page postbacks. On the server side, the postback performs some database work and updates several UI elements. The database code is all contained in several transactions, so the state will still be consistent if an exception is thrown. We're working on some error handling code now, and my first thought was to log the exception thrown, reload the last consistent UI state, and show some sort of modal popup or other ui element with a brief error message for the user (this is an intranet page, so we're automatically notified of the bug, and the users know where to find us.
i have two radcombobox on my page and i am controling their focus by jquery...also i have some code on their OnClientFocus , therefore focus and blur are so important ...my aspx and jquery code are like this : (without RadComboBox -> OnClientFocus )
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="Darman.WebForm4" %> <!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" >[code]....
it seems that radcombo box can not foreget it's focus and stick with that , therefore when i play with 2 buttons (enter=13 and upper key=38 as you see in the upper code - Jquery) For Changing Their Focus so RadComboBox OnClientFocus does not fire until i click on my page and Click On the RadComboBox Again...These Lines do not work:
1-$('input[id$=RadComboBox1_Input]').blur();
2-$('input[id$=RadComboBox2_Input]').blur();
how can i take focus off from radcombo box i destroy it's highlight?
We're getting a confusing error on two of our pages in our ASP.NET application. Both pages originaly had tags to reload the page every so often if a user sat on it for a while, but opted to remove those in favor of some AJAX flavoring. Specifically, we created timer controls on the page and wired the timer's tick event as a trigger for an update panel to reload a portion of the page. The page(s) also have scriptmanagers on them as we don't have one on the master page. This largely works great except we're getting a lot of these errors:
"The page is performing an async postback but the ScriptManager.SupportsPartialRendering property is set to false."
It is my understanding that if the .NET framework detects a browser doesn't support partial rendering it will set the ScriptManager.SupportsPartialRendering value to false and we're NOT overriding this in any fashion. Therefore, the pages shouldn't be by performing async postbacks if that value is false, but based on the error the postbacks are still happening and the page is throwing an exception.
Curiously, the user agent always seems to be GoogleBot or "Mozilla/4.0 (Windows 98; US) Opera 10.00 [en]".
i have 2 combobox A & B.. the values in B is populated according to selected value in A,, my code works fine when i click combo A and select a item,, the values according to it get populated on combo B. i have written it on the change event...
But when i use tab to navigate and select the items in combo A and change on pressing keyboard down key...the items in combo B is not getting populated with new values.. existing values does not get changed,,, ie change event is not getting fired... how can i manage it in down/up key in keyboard when using tab,,,,
I want masked ComboBox, so I use a MaskedEditExtenderwith a ComboBox. The two controls came from the ajax control toolkit. But I got an error: "Unable to cast object of type 'AjaxControlToolkit.ComboBox' to type 'System.Web.UI.WebControls.TextBox'". Is there a way a can use a MaskedEditExtender with a combo box?
Can I provide a Combobox that will EITHER let a user type in a value OR let them select from the dropdown? I am trying to create a scenario where a user can attach a value to an object they are editing. When attaching that value, I want them to be able to type in a completely new value or, select from a list of already-existing values.
When I create the combo box, I add a list item that has text like "Type a value or pick from the list"...this has an index of 0. Then I append the databound values to the list.
A combo box seems like the perfect solution since it combines a text box with a drop down list but, I can not figure out how to retrieve the text that has been typed into the combobox once the form is submitted. cmbMyComboBox.text seems to be the obvious way to do it but, that returns an empty string. If I try to get the SelectedItem.Text then, I get "Type a value or pick from the list" instead of whatever text I typed into the combobox, once it was displayed.
Am I trying to do something that the ComboBox is not meant to do? How can I accomplish this?
I have decided to abandon trying to use the combo box. I am trying to use a dropdown menu in one column, and text boxes in all the others. But, I am having a strange problem with that as well. I will post those problems in the appropriate forum. I marked this post as "No Status" because I didn't see any way to delete it.
When i select or autosuggest in a combo box , i should be able to get the selected value in a text box in the client side using ajax without a postback.
have a filter on the page and i am using 5 combo boxes. The data in the combo box is getting filled properly. However when i select the drop down of combo box and select any item from the list. I get this error.."Invalid Argument"and the debugger points to style.width = bestWidth + 'px'i tried searching everywhere but no common errors.
I want to make an async call to the server when an achor tag is clicked and then have the browser advance to the href without waiting for the async call to return a result. I am using System.Web.UI.ICallbackEventHandler. My server code is not executing. The server code only executes if the GetCallbackEventReference call specifies a clientscript value which means the page has to wait before advancing. What am i doing wrong?
My client code is:
<script type="text/javascript"> function ReceiveServerData(arg, context) { } function DoAsyncTask(arg) { CallServer(arg, ''); return false; } </script>
i have two ajax cascadedropdown combos loaded by a web service. When mi page loads, it do it before the data filled the first of the cascade combos so when page load (on the Page_load event) i try to select a value on the first combo but it is still empty. What can i do to force the load of the combos before page load? I have try combo.cascadropdwonextender.databind() on the page_load with no sucess.
I have an Ajax Toolkit combo box in DropDownStyle Mode. The DropDownStyle should prevent the user from entering values that are not in the list of items of the combo box. The problem is, if the user paste some text (right-click --> past OR ctr + V) in the combo box, it will work, event if the pasted text is not the list of items. Is there a way I can prevent this?
I'm working on adding a todo list to a project system and would like to have the todo creation trigger a async postback to update the database. I'd really like to host this in a usercontrol so I can drop the todo list onto a project page, task page or stand alone todo list page.
Here's what I have.User Control "TodoList.ascx" which lives in the Controls directory.
The script that sits at the top of the UserControl. You can see where I started building jsonText to postback but when that didn't work I just tried posting back an empty data variable and removed the 'string[] items' variable from the AddTodo2 method.
<script type="text/javascript"> $(document).ready(function() { // Add the page method call as an onclick handler for the div. [code]...
I can have a control that can be used to display multiple todo lists and create a brand new todo list as well.When I click on the #divAddButton I can watch it build the postback in firebug but once it completes it runs the error portion by alerting 'error'. I can't see why.
I'd really rather have the response method live inside the user control as well. Since I'll be dropping it on several pages to keep from having to go put a method on each individual page.
I'm running into an issue with an async call to the server that only works one time, then it appears to become a synchronous call. Let me try to explain.
It's an MVC 2.0 site, using ASP.NET and Ajax. I'm using the Ajax.BeginForm helper, like so:
<% using (Ajax.BeginForm("Start", null, new { virtualMachineId = xyz }, new AjaxOptions { UpdateTargetId = "VirtualMachineForm", OnBegin="OnStartingVm" } )){
[Code]....
Within the updateStartingStatus function, the first part runs every second, every time. However, within the Ajax call, the success result works every second on the first time only. Then on the second time I click on the start button all of the requests queue up. After the starting has completed, about 20 seconds later, I get a bunch of alert windows back to back. So, I can tell that updateStartingStatus runs every second every time, but the ajax call appears to switch to become a sync call after the first time.
I have to fully close it and open it again. The same occurs in IE and Chrome.
One more thing to note is that the updated div (VirtualMachineForm) contains most of the page, including the button being pressed. So it basically replaces the page from under itself. Not sure if that would cause any issues.
Additionally, if I debug in Visual Studio 2010, the call isn't made to the controller action when the issue occurs. So, it appears to be something client-side. I've ruled out any issues server-side.
Since data saving is a time consuming, I would like to call data saving method using Ajax and that too Async what i mean is as soon as the user click submit button it just display the confirmation page and data saving bit keeps going on in the background.
