AJAX :: Odd Behavior On Setting Focus In User Control With Update Panel?

Nov 9, 2010

I'm having a bit of an issue in my ASP.Net application moving focus from a textbox in one user control to a text box in the next user control on the page after postback. I've searched high and low over the last several days to find a solution but, for whatever reason, have been unable to do so.

I have a page that has user controls loaded dynamically to allow a user to enter data.The number and type of user controls loaded to the page is determined at run time based on a database query.It is possible than many controls of the same type can be loaded. Each user control has its own update panel. Within the update panel of each control is a regular asp panel. Inside of the regular panel there are at least 2 server controls (any other controls that may exist in the user control are not affected by this issue) - a text box and a button.The defaultbutton property of the regular panel is set to the ID of the button within the user control. The desired behavior is to allow the user to enter data into the textbox on one user control hit enter to save the data on that user control the application will set focus to the textbox of the next user control on the page after the data from the "current" user control has been saved. Other considerations;

The application uses master pages. We make extensive use of ajax and the ajaxtoolkit in the application. I am using Visual Studio 2010 and .Net 4 The issue - when first entering the page, one can enter data into the first textbox and press the enter key. Data from "current" user control is correctly saved and focus is correctly moved to the next user control on the page.

Data can be entered into the textbox of "new" user control and when the enter key is pressed, the data is correctly save. The focus appears to move correctly to the next user control on the page.Data cannot be entered into the textbox of the control. Pressing the enter key will not save the data (because none was entered) but the focus will move to the textbox of the next user control on the page.

Data can be entered into the textbox of the user control. When the enter key is pressed, the data is correctly saved and the focus appears to move correctly to the textbox of the next control on the pageBasically, steps 3 and 4 are repeated until the end of the user controls on the page, alternating between being able to enter data and not. Other items of note When one is able to enter data into the textbox of a user control, one can correctly tab through the textboxes of each user control until the end of the page When one is not able to enter data into the textbox of a user control, pressing the tab key will take the focus to the address bar of the browser.

I created a much simplified example of the scenario described above and was able to consistently reproduce the "bad" focus behavior. All of the ajax toolkit controls and code where stripped out of the sample to rule the toolkit out as a cause. The behavior still occurs without the toolkit.

I am including the code for default.aspx and WebUserControl1.ascx.

[Code]....

[Code]....

[Code]....

[Code]....

View 2 Replies


Similar Messages:

AJAX :: Update Panel & Update Progress In User Control / Multiple Instances On Same Page

Feb 16, 2010

I have a user control, that has an update panel and update progress control in it.

I use this user control in more than 1 location on the same page.... problem is, when ucA posts back, I see the update progress control for both ucA and ucB. I assume this is because it is a user control and the update panel and progress are named the same?

Either way - how do I make it so that the update progress only displays for the proper user control?

View 3 Replies

AJAX :: Using A User Control's UpdatePanel.Update() From A Page-level Update Panel's Function Call?

Jul 14, 2010

I've exempted the irrelevant bits of code. Essentially, I am trying to change the URL of an image control inside of an update panel inside of a custom user control from a function called inside an update panel from my main page. Using UpdatePanel.Update() isn't working: I end up waiting for the next full page POST to occur before all the updates I make to CustomControl from buttons within the main page's update panel are visible. I verified that Update() was being called via the debugger: there are no issues in that department.

Here, you can see Custom Control and the Button declared. The button is in an update panel to avoid giving a full POST and causing the whole page to reload.

<cust:CustomControl runat="server" ID="CustomControl1">
<asp:UpdatePanel runat="server" ID="UpdatePanel1"> <ContentTemplate>
<asp:Button id="Button1" runat="server" OnClick="DoStuff" />
</ContentTemplate> </asp:UpdatePanel>

This control stores images within their own seperate update panels because rerendering the images is very slow (it requires processing arrays of millions of datapoints) and the user only ever needs to modify one image at a time. I'm using Image1 as an example.

[Code]....

View 3 Replies

AJAX :: How To Update Panel With User Control

Nov 5, 2010

I have 2 user controls. The first user control generates custom paging and assigns the output as a string literal. The second user control is a simple repeater which uses values from the paging control via a query string to decide which relevant chunk of data to retrn.

The custom paging control is embeded in the custom reapeater control. In my my page, I simply call the customer erpeater control and everything works treat.I now want to add update panels to this but I can't think where to start.

The paging control looka like this.

[Code].....

View 1 Replies

AJAX :: Update Panel Keep Focus On Page Postback ?

May 31, 2010

I've got a page that posts back constantly and if im on the inputbox thats instide the update panel i loose focus on postback

how would i get it to recognise that im on the textbox in the update panel and keep focus on it.

View 3 Replies

AJAX :: Focus To Radiobuttonlist Items-update Panel?

Apr 5, 2010

How can I force back focus on to selected radiobuttonlist item in the updatepanel? It keeps loosing focus when an item got selected.

View 3 Replies

AJAX :: User Control, Update Panel And Flicker?

Sep 26, 2010

I have block of code that consists of a textbox a button and a dropdown. The text entered in the text box filters the dropdownlist when the user clicks the button. The Ajax works great when it is in a simple page but if I put the same code in a User control I get flicker.

View 2 Replies

AJAX :: User Control+update Panel+javascript

Oct 7, 2010

Im having a aspx page which has 5 tabs inside a update panel..also I have a user control

Wen I click each tab im dynamically loading dat user control ...

The problem is im using javascript in dat user control..

the user control has a button which displays a panel containing three grid views n s activated by a java script as given below..

function Elig()
{
$(document.getElementById(
'<%=btnLegend.ClientID %>')).click(function(){
$(document.getElementById(
('<%=pBody.ClientID %>')).slideToggle('slow');
});
}

Wen i run the aspx page the first tab successfully loaded with dat user control n also the java script is working..wen I click the next tab user control is loading

But dat java script is not working..

i know the problem is after partial postback of update panel my js s not working..

i have tried registering like this..

private
void
RegisterJavascript()
{
ClientScriptManager
scriptManager = Page.ClientScript;
if (!scriptManager.IsClientScriptBlockRegistered(this.GetType(),
"Elig"
))
{
StringBuilder scriptBlock =
new
StringBuilder
();
scriptBlock.AppendLine(
"Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(Elig);"
);
scriptManager.RegisterStartupScript(
this.GetType(),
"Elig", scriptBlock.ToString(),
true
);

still its not working..

View 10 Replies

AJAX :: Keeping The User In Appropriate Form Location - Setting Focus?

Feb 1, 2011

I used Ajax collapsible extenders (1 to 9) with formviews in each of them on a web form.

They are all collapsed by default. If the user enters data in collapsible 5 formview and submits data, the page refreshes back to the top of the page (where the collapsible 1 is positioned). I would like the focus to stay in the region the user is working (even after insert/submit operations). How can I do this.

View 4 Replies

AJAX :: Javascript Used In User Control Does Not Work In Update Panel?

Mar 23, 2010

i have a user control in which the cancel reset button clicks will call a javascript. this works fine when the user control is used normally...

if the usercontrol is put inside an update panel. the javascripts throw an error. "Object Excpected."

View 6 Replies

AJAX :: How To Focus Controls After Submitting Record With Update Panel On Page

Feb 4, 2010

I have a Label Control for displaying the Message on submitting the record , iam using the Master Page , Update Panel .

Now on submitting the record successfuly i want to set Focus to Label COntrol as User Know that the Record has been submitted.

How i set the Focus back to Label Control with Update Panel?

View 4 Replies

AJAX :: User Control With JQuery Doesn't Work Inside Update Panel?

Sep 21, 2010

I created a .NET user control to work as a DropdownCheckbox and added Jquery to give the sliding and hide effects. The code is as below:

[Code]....

This control works fine in a normal page, but once I put it inside an update panel it doesn't work. Is there a work around or simply I can't use JQuery inside update panel?

View 1 Replies

AJAX :: Hosting Windows User Control In A Webpage Inside An Update Panel

Jun 8, 2010

I am hosting a Windows User Control in my web page using <object> tag. Everything works fine when the control is outside the updatepanel and is independent of other web controls but when I move the control inside the update panel, it doen't load the user control properly.

<object id="myBrowser" classid="http:MyBrowser.dll#MyBrowser.UserControl1" height="20" width="400" VIEWASTEXT></object>

why it doesn't render the control properly and what can I do to fix it?

I tried moving the user control outside the update panel but since this user control is shown/hidden dynamically and is rendered based on other web controls which are inside an Update Panel, the user control is not shown at all.

View 1 Replies

AJAX :: Determine If User Control Is Contained By The Update Panel That Triggered Async Postback?

Sep 16, 2010

Does anyone know a simple way to determine if a user control is contained in an update panel that was triggered for async postback?

At the moment, the only pseudo logic for this I can think of is?

'Loop through the update panel controls on the page and find the one that is involved in the postback (isInPartialRendering)

'Try to find the user control as a child of the update panel

View 5 Replies

Setting The Focus On Popup Panel?

Apr 19, 2010

I use a modalpopupextender to show a popup when the user clicks on a button.

<ajaxToolkit:ModalPopupExtender ID="mpe1" runat="server" TargetControlID="statusInfoLb" PopupControlID="statusInfoPanel" DropShadow="false"
OkControlID="okBtn" OnOkScript="onOk()">
</ajaxToolkit:ModalPopupExtender>
<asp:Panel ID="statusInfoPanel" runat="server" Height="185px" Width="454px" SkinID="Panel_Notification2" DefaultButton="okBtn">

The panel has an OK-Button to dispose the popup. It is also possible to click Return to dispose the popup, because the panel has the property DefaultButton="okBtn".

But this only works when the popup has the focus, which is not so from the start. How do I get the popup panel to have the focus when it shows? I would like to use jQuery.

View 1 Replies

AJAX :: Strange Behavior With GridView In A User Control?

Feb 6, 2010

I've got a user control that is displayed via a PopupControlExtender. The user control is a GridView that dynamically adds columns to the control to display the results of a SELECT statement. The PopupControlExtender correctly displays the control and the control displays the neccessary columns. However, when the control is first displayed, the column widths are ignored, despite that they are explicity set. If the control is displayed and then hidden, the column widths are acknowledged the next time the control is displayed.

Here's the user control when first displayed

[IMG]http://i285.photobucket.com/albums/ll48/chyron7/Miscellaneous/screenshot.jpg[/IMG]

Here's how its display after the first time

[URL]

View 4 Replies

AJAX :: Setting Up An Update Panel With A Custom Asyncpostback Trigger?

Mar 27, 2010

I need to do a partial update of a page using an UpdatePanel but I want to throw it using onkeydown. Is there a way to do this by creating a custome asyncpostback trigger.

View 4 Replies

AJAX :: Calling Server Side Events For A User Control Loaded In Update Panel - Refresh Page

May 23, 2010

I need to update datalist in image gallery when fileupload has been completed.

<div style="display: block;">
<div>
<div style="padding-left: 15px; padding-right: 15px;">
<div>
<uc1:ctrlFileUpload ID="ctrlFileUpload1" runat="server" />
<uc2:ctrlImageGallery ID="ctrlImageGallery1" runat="server" />
</div>
<div>
</div>
</div>
</div>
</div>

In the Control File Upload I need to fire the the other ctrl to refresh the page.

<asp:UpdatePanel ID="UpdatePanelUploadArea" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<span>
<asp:FileUpload ID="FileUpload1" runat="server" />
<br />
<asp:Button ID="UploadButton" runat="server" Text="Upload Now" OnClick="UploadButton_Click" />
<asp:Label ID="lblResult" runat="server" ForeColor="#0066FF"></asp:Label>
<br />
</span>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="UploadButton" />
</Triggers>
</asp:UpdatePanel>...........

View 25 Replies

C# - How To Update The Content Of A User Control If Is Outside The Update Panel

Feb 7, 2011

I have a user control which is inside a update panel.This user control has a event like

[code]....

Inside this i am checking a checkbox which is outside the update panel.

But it is not checking the checkbox ?

In firebug i found that the html for that checkbox is not rendered.

What is the way to do that?

View 1 Replies

AJAX :: Tab Panel Behavior Change With Switch(mode)?

Jan 12, 2010

I have two Main Tabs and in a TabContainer.I have 5 Second Level Tab Panels under Main Tabs.Two MainTabs work as mode: find and work:The default is Find Mode with First Tab visible.the user selects some field and the result is displayed in the same Panel in a GridView.When the user views the result it is displayed in the second TabPanel of the Second Level Tab which is then set to visible while other 3 tabs are still invisible.I want to go back to the Find mode and have it in the orignal state.Same thing with the Main Tabs:
When I am in work mode: the other 3 tabs are visible and the previous two Tabs are invisible.When I want to go back to Find Mode. I want to retain the what the user had selected in the 2nd level Tabs before moving to the Work panel.

View 3 Replies

Update Panel Not Working In User Control

Nov 12, 2010

I am fixing issues in a project where I was not able to figure out a solution for the below problem. There are multiple user controls in Main.aspx page. First one is header.ascx which is added directly in .aspx page. and the others are added dynamically from Page_Init event. Basing on the hyperlink clicked from the menu on the left side of the main page, the respective user control is displayed.

Now, If I try to add script-manager/update panel inside any of the dynamic user controls, the respective user control page throws error. I have noticed that the header.ascx control is using scriptmanager. Is it creating the problem? How to handle this kind of issue?

View 2 Replies

Web Forms :: Unable To Set Focus In TextBox Inside Update Panel

Aug 27, 2012

I have some text boxes in my form.

In all text boxs autopostback=true

and i will do some calculation in textbox1_TextChanged

then I will use textbox2.Focus() for focus.

With out update panel its work fine

But with in update panel it does not focus...

View 1 Replies

Web Forms :: Setting Focus To Web Control

Jun 30, 2010

Can anyone give me some VB to set focus to a control using the "FindControl" method. MyTextbox.focus() is not good enough because, for instance, I have a textbox called "Username" in the "CreateNewUserWizard" control which is within a Contentplaceholder on a child page so typing in "Username.focus()" does not work on the Page_Load event because Username simply does not have a Focus property.

View 1 Replies

Trigger An Update Panel From A Drop Down List In User Control?

Mar 23, 2010

I have a user control in a master page with two drop down lists. When the user selects an item out of either ddl, I want to load a specific user control inside an update panel on the content page. I can't figure out how to get the user control to trigger the update panel.

Master

<%@ Register src="toolbar.ascx" tagname="toolbar" tagprefix="uc1" %>
<head id="Head1" runat="server">
</head>
<body>

[Code]....

View 2 Replies

C# - How To Stop AJAX Update Taking Place In One Update Panel From Another Update Panel

Sep 5, 2010

We have two update panels on our webpage. Now first update panel is having button cancel. While second update panel is having a file upload control.

Now if the user uploads a file that is going to upload in about 2 mins, and in between, say after 30 seconds the user clicks the cancel button, the upload taking place in update panel 2 should stop.

How do we achieve this ?

View 2 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved