At present I am using ajax:TabContainer for the tabs. As you know that does not do Lazy loading. Can sonone give me links to or some code examples to do Tabs with Lazy loading. I know that the Jquery tabs do lazy loading but there are no complete examples on the web which tells you on how to do lazy loading with JQuery tabs.
View 4 RepliesAt present we are using <ajax:TabContainer> to load tabs. I have 5 user controls inside <ajax:TabPanel>.
The problem is that all the data on these 5 pages gets loaded at once and increases the loading time as well as it is very hard to debug. Can we do lazy loading uisng TabContainer control? so that only the data of the current tab is loaded and when we click on the other tab then that's control data gets loaded.
I'm planning to fetch data to illustrate about the yearly sales achievement for last 3 years by showing seperately in grids in three different ajax tabs. i prefer to lazy loading of the data to the grid in each tab. is there a way to achieve this on the change event of the tabs.
View 1 RepliesScenario: Loading partial views into jquery tabs(Ajax Mode) using MVC3 &Razor . Works fine in FF but not in IE8 or IE7. I can trace the ajax request & responses in firebug fine and see partial views returned from the server (containing JqGrid Html Helper methods).This loads up fine within the tab conatiners in firefox.But in IE nothing happens and i cant see any ajax requests getting fired from changing tabs when i use Fiddler.Ive tried playing around with the ajaxOptions when i initialize jq Tabs to no avail.
Ive had this problem on MVC2 and i resorted to laying the tabs contents out statically ,which i dont want this time, as i need lazy loading. Below is a full page source dump from IE8, renedered using the razor view engine. (Links to all Csss and JS libs)
<script type="text/javascript">
$(document).ready(function () {
$("#tabs").tabs();
});
</script>
</head>
<body>
<h2>Index</h2>
<div id="tabs">
<ul>
<li><a href="/"><span>Home</span></a> </li>
<li><a href="/ServicesMonitored/GetServicesMonitoredTab"><span>Monitored Services</span></a> </li>
<li><a href="/ServicesMonitored/GetServicesFullTab"><span>Full Services</span></a></li>
</ul>
</div>
</body>
</html>
From Controller:
public class ServicesMonitoredController : Controller
{
IServicesMonitoredRepository<ServiceHeaderInfo,InfoDataItem> Services;
public ServicesMonitoredController() {
Services = new ServicesMonitoredRepository();
}
public ActionResult GetServicesMonitoredTab()
{
return PartialView("ServicesMonitoredTab");
}
public ActionResult GetServicesFullTab()
{
return PartialView("ServicesFullTab");
}
#region Return Services
[HttpPost]
public JsonResult ReturnServices(string sidx, string sord, int page, int rows)
{
}
I have been adding different JQuery Carousels to AJAX Tabbed Panels - the first one displayed on the page always works. But any other tabs dont work when I select the tab. I have about a dozen different carousels.
Can anyone recommend one that works in AJAX Tabs or how I can go about rectifying this?
After loading updatepanel through Timer, i am unable to make any async request from the updatepanel.
sample aspx Code:
<asp:UpdatePanel runat="server" UpdateMode="Conditional">
<ContentTemplate>
<%--The Timer that causes the partial postback--%>
<asp:Timer runat="server" Interval="100" OnTick="Timer_Tick" Id="Timer1"/>
<asp:ImageButton ID="btnSaveEmployeePrevJobs" runat="server" ImageAlign="AbsBottom"
ImageUrl="~/Images/saveOff.gif" onmouseout="this.src='../Images/saveOff.gif'"
[Code]....
Does the entity framework come with some inbuilt mechanism for lazy loading?
View 1 RepliesI am developing a website that has more and more LINQ queries. I have been keeping down the download size, optimizing the images, js, css and using HTTP Compression. I notice however, that now that I am using more LINQ queries and more complex queries, join and group joining queries, the 'waiting' time that the browser is doing is going up. The KB size of the page isn't any greater, but the page ultimately takes longer to load.
I have been reading up on LINQ and the behind the scenes of how it works. I have found that I need to use DataLoadOptions for the queries that join/group join to reduce the round trips to the database. I haven't had a chance to work on this yet, so if anyone has any great resources on this or tips, I'd appreciate it.
My main question about LINQ to SQL in this post is, if I have a bunch of queries throughout my site, in the masterpage, and the page itself, if I do not put .ToArray() at the end of the query, does that speed it up? If I leave ToArray() off of all the queries, do they then execute all at once when the page is loading instead of each time the page gets to that specific line to read and execute it?
I may be asking a dumb question, since I don't know a whole lot about the behind the scenes of LINQ yet, or the compiling of the page. I am using VWD 2010, so it does not have the SQL Profiler for me to test what I am asking.
need to sanity check what I think is correct. If I have some LINQ entity relationships that I create in code thus:-
[Code]....
these would lazy load, by default - correct? And if the first link was changed to
[Code]....
this would also lazy load and defer loading until GetObjectLink() was called, yes?
I want to build a business object such as an employee class, but I know that 80% of the properties will barely get used. So I wanted to know how I can create the object with the important properties in the constructor and lazy load the ones that are barley used when they are needed (if at all).
I am using asp.net with c#.
I've got this problem.I launched an ASP.NET website with the Umbraco CMS on an ISP.(Its just a very basic informative site. nothing special.)When I go want to visit the website however, the first pageload takes a lot of time, sometimes even up to 20 seconds. Of course this is ridiculous. Afterwards, I am able to navigate the site relatively quick.. So every first pageload is slow, then everything is OK, more or less.Does anybody have any idea what the problem could be? Would it be IIS? ASP.NET?
View 5 RepliesI have a requirement like need to display 5000+ records in gridview. So, I created scrollable div with gridview init and displaying 200 records per page. The website is running very slow because eveytime when user click on paging, it retrieving all the records from the database. I need to increase the website performance. I heard about a concept Girdview lazy loading but i don't know how to implement. I am looking for a solution like records should display in gridview when ever user scroll the bar down. How to do the gridview lazy loading.
View 1 RepliesI have created an asp.net applications in which i am using jquery tabs to show say profile modifications information. I want user to see his profile info as well as he will be able to edit his details and save the information. for this purpose i have created an aspx page "MyProfile.aspx" and 3 ascx pages
say "page1", "page2" and "page3".
When i run "MyProfile.aspx" i can see all 3 tabs showing correct information. But problem is when i edit contents and try to save them back to the database. Contents on page1 are stored correctly. But page2 and page3 doest not fire any event. In all 3 pages I am using ajax n jquery to save data to database. and when i try to save contents of page2 and page3 nothing occurs.I am showing 3 tabs there of which first tab edits save the details but second and third tabs do not fire any event on button click.
Problem: Postbacks are causing eventtarget errors because they are going back to the aspx page where the tabs are defined instead of going to the href page. I have a main page called Default.aspx. On it is the setup for the jquery tabs using ajaxoptions.
Default.aspx javascript for tabs:
[Code]....
The dropdown is filled during the page load of lists.aspx. How can I get the postback to go to lists.aspx instead of back to the Default.aspx? I tried using IFrames and it worked great for postback issue but not for dynamic loading of pages. It loaded all pages up front which is not ok.
How can you perform page navigation with Jquery tabs without the ajax events firing? Following the tutorial, I added
$("#tabs").tabs({
select: function (event, ui) {
var url = $.data(ui.tab, 'load.tabs');
if (url) {
location.href = url;
return false;
}
return true;
}
});
And I added hrefs to the tabs going to other pages. The problem is, I have ajax used on the page and onload it posts to the url with an ajax call. I was hoping to disable ajax altogether for the tabs and just use them for straight navigation so I can leverage the styles.
I saw some example in google..and all of them with jquery...is there any way of creating tabs like ajax control tool kit in webforms without using Jquery...its not a requirement..i want to know the best way of doing it..I am very new to MVC and I know its not posibble to use Ajax control tool kit in mvc...I just noticed in this asp.net site My Profile page got some cool tabs..can anyone know how to do something like
View 3 RepliesI am using ASP.Net 2.0 with Ajax.
I am working on a pretty heavy page in an application and the scenario is:
There is a Tab control in the page, having four tabs. These tabs individually consist of different user controls and other asp controls. Most of these usercontrols in turn consist of other user controls. Every user control contains huge javaScript functions which validate them, populate controls and call web services.
What I am trying to achieve is to load only the Tab and its user controls on the page load and when the user clicks on a specific tab, load its contents (User controls) dynamically. Once that is done, I am setting the tab's postback to false to prevent loading it again once loaded.
I tried to achieve this by making the user controls in the other tabs - visible="false" in the markup and loading them from server side on some specific event. But that causes the javaScript functions in those user controls to give errors ('Object expected') when I go to that tab.
If I set the user controls in the other tabs to visible true, then no matter what; the page life cycle goes to each registered control and loads every subsequent control in that web user control which makes the main page slow (on loading and every postback).
The position of the Tab and the inner user controls is fixed. Although I am taking care that no data is populated unnecessarily on the page and user controls on hidden tabs, I dont want the tabs to get loaded altogether unless requested. If I load them on runtime, their corresponding javaScripts start giving errors.. note that I am not generating the controls on runtime, they exist in the page design. I just dont want to load them dynamically
I am using a webform and trying to use a $.ajax call a webmethod on my code behind to format and return some data. It sounded easy but I need the help of an expert. Here is what I have and perhaps someone could steer me in the right direction to solving this problem. for the time being all I want the [webmethod] to return is some dummy data so the jqgrid displays, after I get it displaying correctly I will work on the data column format. So for this sample to work correctly user would open web from and click on button "Load Grid" when this is clicked it calls the the [webmethod] on the server, the sever then gets the data and passes it back to the jquery .ajax call and then it gets loaded into the jqGrid.
[Code]....
and the codebehind
[Code]....
i want to lazy initialize ajax toolkit tab
[Code]....
I would I have dropdownlist with no items
And after the page starts I would like to kick a web service that returns 10 items at a time to fill the list unlit it is completed without lag on the web page.
I could I go and execute my own web service call the set those values, but I can have that run in the background to avoid interupting the User's expereince?
Yesterday i asked from u 'Adding-WebUserControl-to-the-page-or-panel-by-client-side-code'.
from scratch it do'snt work properly. but today I downlowded again. its work rightly.
but it just show one control on it (just show lblMessage).
How Can i shows any number of controls on the WebUserControl. ex: button, picture, ...?
I want to show animation progress when the update panel is loading using jQuery in ASP.Net
View 1 RepliesIn our application we have multiple instances of the same form in different tabs (one tab for each client). We use the MVC2 jquery validation to validate these forms, using the Html.textboxFor and Html.ValidationMessageFor elements.
The problem exhibits itself when we have two tabs. When we give wrong input in the second form (second tab), the validationmessage is shown on the (closed) first tab. It seems that the validation message is linked to the ID of the validationmessage (and thus only linked to the first form), and not to the combination of the form with the ID.
[code]....
Does Ajax Tab support using sub tabs (or children tabs)?I have a project where I need to show several tabs like "Sales" "Production" "Revenue" and when I click on for example "Sales" I would like to see a new tab tab with "Currentales", "History", "Comparison" etc etc. and be able to click each one of these for further processing.
View 3 Replieshow to use vertical tabs with jquery. In my web site i want to use partial views i implemented it with jquery horizontal tabs but i want it with vertical tab as my links are in right side. so any one know the solution plz tel me. I am using asp.net mvc application
View 1 Replies