AJAX :: TabContainer And UpdateProgress Controls Won't Play Together?
Oct 21, 2010
I've created my first Tab control (yay me!), and everything has gone really well up until I tried to incorporate a UpdateProgress control into it. Basically, my container contains three tabs, each with a seperate report. Each report takes 5-10 seconds to load, so I thought it would be nice to flash up a "Loading Wait" logo to let them know it's being processed. Everything is compiling cleanly; however, when I click on a tab nothing happens. The reports loads as they always have, but the UpdateProgress control never kicks in with it's loading message.
I've been researching for the past day to the point that my brain now hurts. Different things that I have/am trying:
My entire tabcontainer is in an UpdatePanel. I have previously also tried putting the individual tab panels in seperate UpdatePanels, but this did nothing.I've tried both directly referencing my UpdatePanel and using no references in the UpdateProgress control. Neither changed anything.I've created a button to create an UpdatePanel postback. I've moved the button all over the place, inside the panel, outside the panel but referencing it via trigger.
I've tried using the asynchronous triggers in various ways. I created a very simple web application with just an UpdatePanel, UpdateProgress control, and button (but no tabcontainer) -- and this worked fine. I just wanted to verify I didn't have some other root issue with my setup that could be causing an issue.
1. Button_openPanel will display panel Step2Panel through ModalPopupExtenderStep2.
2. Button_runThread (inside Step2Panel) will close Step2Panel and will then run a lengthy process server-side. This lengthy server-side process will cause the UpdateProgress control to be displayed.
Similar to the ModalPopup, I want to disable the whole page while the UpdateProgress control (with its animation gif) is running. Currently, the UpdateProgress is displayed, but I can click Button_openPanel (or anything else) which will cause the application to break.
Is this possible?
This is basically all the code. I stripped anything that was unneeded:
[Code]....
The code-behind is basically this:
[Code]....
Everything's working pretty good now, but I need to disable everything while the time-consuming process is running and UpdateProgress is displayed.
I was thinking of displaying the UpdateProgress control as a a sort of ModalPopup, but I'm not sure if it's possible. If not, then the alternative would be to disable Button_openPanel while the time-consuming process is running and UpdateProgress is displayed.
It seems UpdateProgress will be displayed covering the entire area of the UpdatePanel. I want to replicate this behavior using plain javascript, as this behavior needs to be done for a windows client form. Are there any javascript libraries available? I am using a Browser control inside windows client form to get results and render them.
I have a page with 2 separate UpdatePanels which are supposed to load and post back independently. But I can't get the UpdateProgress templates to show on page load.
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> runat="server"> <script protected void Page_Init(object sender, EventArgs e)
I have a page that has a TabContainer to present and edit various pieces of information. On one of the tabs, there is a ListView control that allows in-place editing. The ListView works great when it is not contained in the tab. When it is in the tab, the Edit button works, but once it is in edit mode, none of the buttons will fire (update or cancel). Does anyone know of a conflict between the TabContainer and the ListView controls? I am thinking that I might try out jQuery UI to see if the tabs work any better.
I am using a gridview in my asp.net web form.i have an Ajax Tab container with 4 tabs in each tab i have a Gridview and Each gridview have a Button to Add New Row to gridview. I need to write a function or method to add new Row in gridview.
I don't want to write code for each griview add new row button.i need to write a Common function to Add new rows and call the function while Button click.
am trying put values using javascript function but for some reason that is not working and the values are lost :(what i am trying do?, from the tabchanged event I ask if the user want return to the last loaded tab and go to the functionNavigateToLastLoadedTab
[Code]....
after to run this method i don't know how the browser is cleaning the values from the control :(.
What is the best way to reference controls from the clientside from within a TabPanel? I've tried using jQuery and javascript both has failed me. I've tired using the find method, but still no luck... SchoolSectionID refers to a div element within one of my TabPanel controls.
for (var a = 1; a < 4; a++) { var SelectControlID = ""; var HiddenControlID = "";
I would like also to know the way to have an embedded video in my site that will not have the play buttons and play again and again. Is there a way to do that??
I'm using nested datalists as per my requirement, in my second datalist i need to show data in tab panels. For that i placed ajax tabcontainer in my second datalist <Item Template> tags.when i'm trying to access tabcontainer activeindex changed event on my code behind, i'm getting an error . Below is my code..
I wrote a page using a tabcontainer to display different functionality. On the main page I have a modal popup used for login. In ie8 everything works fine, but in IE7 the modal popup is hidden behind the tabcontainer and the controls on the tab stay active.
I have put a updateprogress ajax nested in a gridview template. However, when I click a button inside the gridview row, all of the rows in the gridview display the updateprogress gif at the same time. When the user click a button on one row, how can I get the updateprogress to display itself only on that row index?
Normally I google search to try and solve my issues but in this case I have no idea what is wrong. I'm trying to get an UpdateProgress to show some text while the panel is updating, but it just doesn't show up. I'm not seeing any visible errors and nothing seems to be rendering incorrectly other than the text just not displaying on the update. Here is a look at my code:
[Code]....
I know it has to be some really simple that I am just overlooking but I am stumped.
how to get a modalpopup to appear in a updateprogress panel.
I have a page with a list of products, when the user clicks to add a product to cart I want the modalpopup to appear for as long as the progress takes to addd the item ( to stop the user going to the cart which may still be empty) I am using a master pages and I have the updatePanel inside a user control, Im trying something along these lines ( as well as a 100 different combinations to get this to work) but cant get it done:
My default.aspx page is quite long and you would have to scroll to see the rest of the page in the explorer window. Now to stop the user from interacting with the page when postbacks take place, i need to use an updateprogress control. The question is how do I get this to run at the centre of the page even if the user scrolls while the postback is in progress? Also to grey out the background.
on my page i have an updatepanel which contains a gridview and a listbox...
When selecting a row in the gridview i copy a value inside the listbox through javascript.
I would like to show the updateprogress while the javascript is being executed so i wrote this javascript but it is not showing the updateprogress... There are also no errors
[Code]....
how to show the updateprogress ? I would also like to show the Updatepanelanimationextender through the javascript
I have an export to excel functionality on my web application. WHen the user clicks the "Export to Excel" button, the file is created and it will ask the user to open it or save it to their local machine.
Since the file creation process takes a long time, I added the ajax update progress control. SO now, as soon as the user clicks the "Export to Excel" button, the progress bar image shows up, but after the file is created, I get the following error.
Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed.
I know that, if we use Response.write in the code behind, we get this error. But I have to use Response.Write because I am presenting the user with a prompt to save or open the newly created file. Is there any other way to do this?
I need to write a single web page that checks the status of an SQL job, and allows the user to execute a new job if the job has a specific status.
I have the job status checking code working but have a problem when it comes to the execution of the next job. The problem is because as soon as ExecutNonQuery is run my code goes straight to the next line leaving SQL to do its own thing - therefore my UpdateProgress never shows. How do I get the UpdateProgress control is be aware that my Job is still running??
I also have a method called ReturnJobDetailStatus which I imagine I could use by continually checking it with a combination of the UpdateProgress control and a timer control? If so I cannot visualise how to achieve this?
I'm getting a JavaScript error in the ASP.NET AJAX framework when using the UpdateProgress control.Details:The UpdateProgress is inside the UpdatePanel. Firebug error information: this.get_element() is undefined Sys$UI$_UpdateProgress$_startRequest()ScriptRe...373681250 (line 1931) anonymous()ScriptRe...373681250 (line 61).How do I resolve this issue? Is this a known bug and if so what are the steps I need to do to avoid it?
In My Code I have implemented jQuery validation ...
Next I add the following Code to display Loading Images when Page Post Back, but this Code is showing at the tme of Loading of the Page.
Followed [URL]....
Code
Protected Sub Submit(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click System.Threading.Thread.Sleep(5000) ScriptManager.RegisterClientScriptBlock(TryCast(sender, Button), Me.[GetType](), "alert", "alert('Form has been submitted.');", True) End Sub
