I'm going to create a dynamic template page with ASP.NET using C#.
The template page is consist of three separate frame.
First frame is main menu which is located at the top bar, second frame is sub-menu which is located at the left side bar, and third frame is right side of the side bar which is show the details of the sub-menu .
The process is: If you click on any of the main menu items, the left side bar should refresh only not all the page and show all the sub-menus.
Then once you choose any of the sub-menu, the right side should only refresh and show the details of the sub-menu.
The main point is I don't want to refresh all page by each menu selection.
Could you please guide me for this template?
Appreciate your consideration.
Have you try Updatepanel ? or you can use .ajax in jquery to update where you want.
Check out this UpdatePanel Tips and Tricks
updatepanel will not refresh the whole page but will do full postback .
I suggest to use this: http://www.mikesdotnetting.com/Article/40/ASP.NET-and-Ajax-using-XmlHttpRequest
it is better for performance
or
webserive(asmx), json and jquery:
http://www.mikesdotnetting.com/Article/96/Handling-JSON-Arrays-returned-from-ASP.NET-Web-Services-with-jQuery
Related
Hi so I have a boot strap modal form which opens up and shows some data, the data is actually in a tabs but I don't think that is important. I have an update page as when you click on one of the buttons in the grid it opens up a dialog pop up. Due to how the modal form refreshes due to a postback I decided to implement the tabs in an update panel. However while it all works there is only one thing which I would like to tidy up. Not really a big issue but it would be nicer if after the drag and drop on the grid rows a JQuery is called to basically store the new order. However as this is in a modal form the whole modal form refreshes, this is intended to keep the D&D feature working in the grid but ideally I just want the update panel to refresh not the whole modal form. Using webforms in asp.net and vb.net.
Thanks any help appreciated.
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 have an Asp.Net Menu control that displays across the top of our page. When the page is loaded, all the dymanic menus (the ones that fly out on mouseover) display until the page finishes loading, and then hide. Once the page finishes loading, they hide and behave as they should, but they are displayed until loading is complete.
Anyone have any suggestions on why this is happening or how to get it to stop?
Hide the menu with your css display:none and then use jquery to display it:
$(document).ready(function() {
$(yourclass/idhere).toggle();
});
dont use asp.net ready to use controls, u dont know the code they produce. As a web developer u have to knoq exaclty what ll be the code at the page.
As for answer, you may hide your menu by adding display:none style to your menu, and in javascript write a code to show it after page loads.
I have two modal popups on a page, both inside user controls, and both have different names, and different behavior id's. Also, the hidden buttons used with them have different id's. I use javascript to click those buttons to show the popup.
On load of the page, the first popup is hidden, but the second one is not, and is at the bottom of the page completely visible. When I click the link that is supposed to show the second popup, the first one is shown instead, but the javascript to load the default values into the first popup does not run, so I'm confused as to what is going on. Any ideas?
I have solved the issue. My situation is bit different. for you both pop ups are in a user control. But for me only one is in user control and other one is in the page itself. hope this will shed some light on your issue.
I gave different id's for
Hidden Target button (TargetControlID)
OK button (OkControlID)
Popup Panel (pnlPopup)
Model Popup control
Still if you are not sure, try your page in firefox with firebug installed. This will help you to identify any java-script errors.
Hope this helps.
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');