I'm developing an ASP.NET 3.5 web application using C# with AjaxToolkKit. I have a following question.
How can I put a collapsible panel inside GridView to make a master and detail list that expands to display the detail panel when view link in a row is clicked? This is something similar to the download list in MSDN page.
Thanks
Implement jQuery on the page. Have a look at the ajax methods, specifically in your case the load method. Show the master record on the page, along with a hidden div (you could inject it, but hey lets keep this simple ;). Bind the load to the click event of the master record displayed, and then use slideDown to show the hidden div on the page.
ie A very simply example of the load method, loading the html result from ajax/test.html into the element that is selected by 'result'
$('#result').load('ajax/test.html');
Related
I am creating a .net website in c#.
The master page contains a fixed footer bar from which you can display 'bookmarks'. I also have a remove function for each bookmark.
Some aspx pages may have a add bookmark/remove bookmark function (a button control) on them.
I use update panels throughout so button controls are always encapsulated by one.
If I add/remove a bookmark from an aspx page, I can trigger an update to the fixed footer panel. A delegate event is triggered in the aspx page which calls a method on the master page to update the fixed footer panel, so everything is sync'd dynamically.
It doesn't seem possible to do the same the other way around. If i remove a bookmark from the fixed footer, I would need to know if the current aspx page was displaying a bookmark control. Pretty much impossible I would have thought, but I'm open to suggestions.
With that in mind the question really is does anyone have a technique that they use to deal with these scenarios, such as calling a full page update or something similar, or is it a case of doing nothing until the next page load/postback?
Thanks in advance.
I'm looking for a way to use a tab control such that there is a single TabPanel, and when a tab is clicked the TabPanel is populated from a separate ASPX file. If I have three tabs, then tab1.aspx is used for content when tab one is selected, tab2.aspx is used for content when tab two is selected, and so on.
I've found a number of tutorials on cramming everything into a single page. I've also read How To: Make Tab control panels load "on-demand" (which uses hidden controls). But I have not come across loading a partial view via a link or postback.
Would anyone know of a link to an ASP.Net video or well explained tutorial/blog?
Jeff
I'm not sure that it is possible.
But I suggest that you combine all of your aspx files in one (you can place each file in PlaceHolder or Panel) and then make them visible when you need it.
You can use IFRAME for different page content load.
On press Tab1 you have to load Tab1.aspx. For that you have to IFrame to Load Content. If your Content is static then you can get content by System.IO.ReadFile(); and if you have dynamic content then you can use Iframe or User Control to load.
You can also Implement the Multiview to approach your way and put it in Update panel and design the multiview as TAB panel.
I have asp.net application and a TabContainer from AjaxControlToolkit on a form. There are 4 tabs, each containing UpdatePanel, hidden button and some custom .ascx (each with it's own javascript file). Buttons are triggers for panels to update the contents and they are triggered from the 'OnClientActiveTabChanged' event of the TabContainer.
This technique is described here and similiar here. It's pretty simple when looking at it.
The only problem I have is that the whole scenario works when used as a separate page but it doesn't seem to work when masterpage is around that page. Suddenly buttons act as full postback controls.
Do you have any idea what's the reason?
Assuming the buttons your referring to are on the master page, I think you'll want to register the master page buttons as update panel triggers.
http://www.asp.net/ajax/tutorials/understanding-asp-net-ajax-updatepanel-triggers
in my ajaxified page i have used several user control shifting from one user control to anothe r and then pressing the back button takes me to first page instead of previously filtered page
how to solve this
all this filters are linkbuttons i am also using listview these filters are actually filtering the content of this listview
You may take a look at the jquery history plugin. If you are using UpdatePanel to perform the AJAX requests you might find this article helpful as well as this video.
I am using the MultiView server control in one web page using Update Panel. In its second view, I have a GridView; whose first column is checkboc controls including the header.
I want to toggle the data items checkbox based on the header checkbox.
For this, I wrote a Jquery function. But the main issue is, When I try to view the page source, I was not able to find out the HTML for the second view.
How could I toggle the checkbox using Jquery or Javascript?
The reason you can't see the HTML source is that the MultiView is a ASP.NET server control and it only renders the currently selected view to the browser.
Use FireBug. After you toggle the view and the HTML is updated, you'll see the current source so you can debug the jQuery.