Ok, so I've researched this to the end of the earth and can't seem to find a solution that works.
I have a C# application, which is basically a web form made up of radio button lists and text boxes in an update panel. The form has multiple 'sections', each of which the user submits when completed. Each control performs a postback. This is because if the user modifies a section after completing it, the 'section saved' label needs to disappear.
This all works well, except the postbacks lose the tab order of the controls. I have found code examples that save the last control that had focus, which works well for the radio button lists, but because the text boxes post back when a user tabs to the next control (not modifies the text), it doesn't select the next control. The user has to hit tab again and it jumps to the third text box, not the second because technically, the second text box is what had focus after the initial postback. I hope this makes sense.
Any ideas? I can post code if required.
I should probably also add that this page is within a frame of our community portal.
Related
I'm using telerik Grid which has a command button that adds new row/record or another command button that edits selected row/record.
Each grid is inside a twitter bootstrap tab content (Yes, I didn't use telerik tab). What is happening is that when one of buttons that I mentioned above clicked, I expect the tab that contains that button be active at page load.
So is there anyway to get that button so I can use it to activate the proper tab? (ID of that button is enough for me, I will do the rest with jQuery)
Every control that posts back, in an ASP.NET web forms world, sets the __EVENTTARGET and __EVENTARGUMENT (if there is an argument) form values. The __EVENTTARGET form variable has the client ID of the button, so that might be the optimal way. If it's within the grid, I'm not sure, but the __EVENTTARGET may either be the button or grid ID.
Page A has a dropdownlist of shipping methods.
User makes a selection and clicks next.
Page B allows them to change their shipping address, which changes their shipping methods.
User clicks back button.
Page A shows new shipping methods in drop down, but Chrome has added a blank option at the top and made it the selected option. This blank option DOES NOT EXIST in the view source.
Chrome is choosing to insert a phantom blank selection item when its persisted drop down list value no longer exists, rather than respecting the selected="selected" tagged option.
This causes .net event validation to fail whenever the user tries to interact with the form, because this blank selection isn't real. "Invalid postback or callback argument. Event validation is enabled"
I've tried form.reset() on page load, and turning autocomplete off on the form tag. Anyone have any ideas? Much appreciated.
My ASP.NET page has a few text boxes and drop down boxes. When i change the selection on the drop down boxes or click any button all data available in those fields will be lost. However if i log-in to my page and just refresh it before clicking any buttons everything works as expected. It seems just like the first post back clears everything. Any ideas why it would behave like that?
I have a Ajax modal popup that displays a set of options for the user. On submit button click event on the ajax modal popup, i need to pass the user selected data back to a text box on the user control (which has the modal pop up) on the calling page.
Structure/flow is as follows. There is a page and two user controls. One is a search control that has another user control that contains the user options. The master page has the search user control. When the user chooses an option in a dropdownlist in the search control, it does a mpe.Show of the user control with options. User makes his selections and hit submit button. In the button click event in the popup, i delegate an event back to the search user control which tries to set the value in one of its text boxes. Everything is going fine until this step and i can see the value but the text box never changes. It seems like the user control is already rendered and the changes are ignored. Any idea how I can get around this?
In short, how to get back the data to a control from an Ajax modal popup.
Use jquery - when the user clicks a button on the modal - use jquery to set the value field to be the data that the user has selected.
e.g.
$('#modalButton').click(function() {
var userData = $('#tbUserData').val();
$('#textBoxElsewhere').val(userData);
});
for anybody's future reference, i did a work around for this. What was happening is that, on the final button click postback, the page/parent user control load events run first and then the button click event.. so the changes that were being made in the button click event did not make it back to the parent user control on the page.. i had to add a middle step to display the user selections for approval and force the user to hit a final confirmation hit. On that post back, the changes were already available for the parent user control, and not have to wait for the button click event to trigger to grab the data. I'm sure there is a better way to do this but this is what I could come up with.
I got this an asp.net 3.5 page that and I have few tabs (telerik tabs control with pageview) and I have panel on the top of the page and inside that has a label control displaying error message if it's any.
At the moment, if I want to display this, at the end of the event clicked button for instance, I have to do a custom URL redirection class to itself passing error message and display the error. BUT the problem with this approach let say you are working on 4th tabs and you click save button inside this then you loose the state of series of control (what's is being choosed, selected, typed etc). The page refreshed and displayed at the first tab again.
I want to display the error and at the same time know the state is for every control on the 4th tabs and automatically goes to 4th tabs. BTW ... this validation is done through server level.
I am appreciated your feedback/suggestion.
Thanks
I see several approaches here:
Make an ajax call with data to validate and show error message basing on its result.
Recover your control state after post back, you will need to write some client logic that will analyze url for some parameter after "#", e.g. http://my-site.com/tabs.aspx#4. Your script will know that you need 4-th tab.
You can try to recover your control state on the server, but I don't know how it is possible with telerick tab control.