I have a CRUD type page, where the user can modify an object
This page also has a JQuery Treeview (Async) , id like update part of the page depending on what the user clicks on the tree
Because its async, any postback will cause the tree to collapse - so ill like to have the ability to update the page partially
I have a MVC view using the following VM.
[Code]....
Currently the page load slow. I am thinking of using JQuery load and render List<A> and List<B> separately and asynchronously. Can I still use MVVM pattern? Or I had to create to controller methods returning List<A> and List<B> separately?]
I am returning partial view
[Code]....
before begin form.
the problem is that when I click save the first time with wrong data the validation not working but it is working the second time I click save.
What is the best way to build a progress page? In short, I want a user to complete a series of "setup steps" and hit a "Start" button. I would like them to be immediately redirected to a "Progress" page that will show them the progress of each step. In my case these would be: Shutdown device, copy file, Start device.
My approach so far is to build a Progress View page and use partial views. Here is what I have so far. I would like the Progress page to show up right away even if the ShutdownStatus View has not finished rendering. At some point, I plan on including a progress bar but right now I'm just curious as to how I can show the Progress page immediately then show each partial View as it completes.
[Code]....
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
Scenario: 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 a scenario where I have two data grids (both dynamic) to be loaded onto a page. However, the data that needs to be shown on one of the grids has no dependence on the data of the other grid. So, when fetching the data, I want to fetch it in an asynchronous manner and bind that data to each of the grids individually. Currently we have a code like
GetData(ForGridOne) ;
GetData(ForGridTwo);
I want to make these calls asynchronously so that in order to load the page, the time taken would be lesser. What should be the ideal way to go forward with this ? One more thing, we would be hosting the application in a portlet which doesn't support AJAX.
I am developing an application in asp.net mvc 2.0.In my view page i am rendering five partial views.While loading view page it very slow with partial views.if i remove the partial pages it loading very fast.How to improve the performace of partail pages while rendering.
View 2 RepliesI have code that when i press a button an image starts to annimat. But when the page is finished loading the image resets. Is this a server issue? and how can i fix it.
Heres my code
<script type="text/javascript">
$(document).ready(function () {
$('#LOGINbtn').click(function () {
$('#logIMG').animate({
height: '380'
});.........
I have 3 user controls that I have to load at the same time. They each contain a gridview that pulls data from the database. They are doing a "delay" load of the data so there is a progress bar template that shows that the data is loading however the first gridview fires and loads, then the second, then the third and I need them to all fire at the same time.
View 3 RepliesLooking for a good guide to the asynchronous loading of data from the database after 2 seconds from the page_load.I need a method that does not burden the operation site!
View 18 RepliesI have a site where I am trying to implement a jQuery UI based MessageBox in my master page. Content pages are arranged accoring to business area folders, i.e. '~/Branding/Contracts.aspx'. I find that when I load such a content page, jQuery, which is referenced in the master page as below, does not load. I assume that this is because the browser is requesting 'Branding/Scripts/jQuery What can I do about this? I don't have the 'root' operator in a plain 'script' tag.
<script src="/Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
my application is running in visual studio 2005, i used ajax control toolkit for .Net framework 2.0.but now i want to use ajaxcontroltoolkit latest version which is for .net framework 3.5 in my application which is running on .net framework 2.0 and visual studio
2005.how to integrate or use ajaxcontrol toolkit ?because i have some functionality like there is one file upload control and when click button it will take 2 to 3 min for upload so
i need progress bar with loading gif file.because of asynchronous postback fileupload control has not file.so i must assign postback trigger to button if i assign postback trigger to button than loading gif or progress bar not working.so i want to use AsynchFileUpload control of newly release toolkit.
is there any way to do it? or any other way.my client also not want to switch over it's application from 2005 to 2008.My code is below
<asp:UpdateProgress ID="uppr" AssociatedUpdatePanelID="up" runat="server">
<ProgressTemplate>
<div id="IMGDIV1" align="center" valign="middle" runat="server" style="position: relative; display:none; [code]....
I want to avoid page refereshing or loding with the of jquery ajax. Here i am attatch my asp page code.
[Code]....
In this page I am trying to use jquery ajax on page loding but it does not give response .
how will i load a page or a partial view in the popup window in jquery. i am using jquery popup but it is not loading with javascript.
View 1 RepliesI want to show a show progress bar gif while loading pages.
For further information I have my pages structure as Master page and child pages.
I don't have ajax support and I am working in asp.net2.0 with vb.net.
I have a set of images which are subjected to display inside a usercontrol(horizontally) but while loading the page the images are displaying vertically. Only after the page completely loaded they are displaying properly. How can I use jQuery to hide the images when the page is loading and display them when the page is fully loaded. Below is the usercontrol code I am using for displaying controls:
[Code]....
i have a jquery tab. On each tab click i want to load a fresh page . I am using iframe, but while tab switching only the source is changed loading event does not takes place.
CODE......
function LoadIframePage(url) {
document.getElementById("ifrforms").src= url;
}
<div style="float: none; height: 800px" onload="test">
[Code].....
I have a aspx page where I have a linkbutton and upon clicking that link button I am calling another aspx page passing a parameter in a pops up window, like below:<asp:linkbutton id='lbtn1' onClick=<%#"window.open('/testsite/mypage.aspx?param=abcd');return false"%>Till now it was working fine but now I have to include my page to another site where they have used JQuery for popup dialog and asked me to load my page using the same.I am really new to JQuery and have no idea about. I tried searching through this forum and google but no luck.Can someone please help me and show me how can I achieve this (please don't mind but a code example would be really appreciated)
View 3 RepliesI have seen few website where their home page is too big and when user scroll down to read the content the of the page then few area of that page load dynamically. how they design their page. as example the site is http://blog.rainbird.me/ where you can see the effect. please give me idea to achieve it via jquery & ajax.
View 3 RepliesWhen I click Submit button in my Registration form it should be open a (div) progress bar Showing processing.... (or) loading and block background.how to display a progress bar loading.... in div after Submit button click??
View 1 RepliesI might be wrong about what is actually happening here but i have 3 Html.dropdownlists. And im using jquery to handle filtering which does actually work. However, there is some odd behaviour which i think might be because data isnt finished loading before the next function is called. For instance: Some background. Company: Owns several field offices Field Office: Owns several facilties So logically, when you change company, field offices should change, which then changes facilities.
$(function () {
$(document).ready(function () {
var cid = $("#CompanyId").val();
$.post("/ManifestSearch/GetFilteredFieldOffices", { id: cid }, function (data) {
$("#FieldOfficeId").loadSelect(data);
});
var fid = $("#FieldOfficeId").val();
$.post("/ManifestSearch/GetFilteredFacilities", { id: fid }, function (data) {
$("#FacilityId").loadSelect(data);
});
});
});
Now, when the page loads, everything looks fine. All the dropdownlists have the correct data.
When i change company, this calls.
$(function () {
$('#CompanyId').change(function () {
var cid = $(this).val();
$.post("/ManifestSearch/GetFilteredFieldOffices", { id: cid }, function (data) {
$("#FieldOfficeId").loadSelect(data);
});
var fid = $("#FieldOfficeId").val();
$.post("/ManifestSearch/GetFilteredFacilities", { id: fid }, function (data) {
$("#FacilityId").loadSelect(data);
});
});
});
This changes the field offices to the correct list, however facilities changes to whatever field offices was set to before the company change occured. I dont know enough about jquery to figure out exactly what is going on, but my instinct tells me that the two posts are happening at the same time, and the second post happens before the first one is finished.
Im currently trying to use a jQuery plugin:jQuery Autocomplete TokenizerNow after posting back the page, I want to re-load the values back into the textbox for whatever items had been entered.Now the jQuery on the page is like below:
$(document).ready(function () {
$("#<%=txtPeople.ClientID %>").tokenInput("Handler.ashx", {
hintText: "Type in a name",
noResultsText: "No results",
searchingText: "Searching...",
[code]...
My web application is make time to open First page due to various data control on the page and values are coming to that control from database so i want to show the loading message of gif image during page loading delay. I have written this code in my master page but that image is not showing the application.
<html xmlns="http://www.w3.org/1999/xhtml" >
I want to load the partial views when I click on the hyperlink, in my case I am loading both the partial views and then I am showing or hiding depending the parital views.
<script
type="text/javascript">
$(document).ready( [code].....
I have a Controller set up for a certain View. This View contains 2 partial Views (ascx files). Each partial View has a Controller method that yields its DataModel. The containing View doesn't currently display any data, but just serves as a container for the 2 partial Views.
Here's the problem: The Index action of the containing View runs, but the Controller methods for the partial Views don't, so I get a null exception when the Model tries to render out the data that should be available. I'm using MVC 1.0, which is something of a bummer, since it seems that the next version is supposed to have something other than "RenderPartial" that will assist with this very issue. However, since I'm stuck for the moment with 1.0, can anyone give some advice on getting the Controller methods to run for the partial Views?