Graceful Degradation AJAX

AJAX can improve site's appeal and give you chance to stretch your dollar a little further by serving more requests in same bandwidth. AJAX needs JavaScript and there are times when either user of your website has disabled JavaScript or have a device that doesn't support JavaScript. Although number of users with no JavaScript support are less but that doesn't mean we don't need their business.

Today, we will look at an example of Graceful Degradation of our web application which supports both AJAX and Non-AJAX usages.

Note: I am using ASP.NET MVC 3 but you can use any server side technology but it can be utilized with any server side technology with some minor changes. [More]

Tags: , , , ,

AJAX | jQuery | MVC

Multiple Pages in jQuery Mobile - AJAX

Continuing on from our previous post…

In previous article we saw how you can logically divide jQuery mobile app to have multiple pages with all code located in a single html file. Today we will see as how to divide those logical pages into their own html file and still get the jQuery effects working. [More]

Tags: , ,

jQuery | jQuery Mobile

Multiple Pages in jQuery Mobile

Creating multiple pages is as easy as creating single page. So, basically jQuery mobile uses div or section with data-role= "page" with unique id tag to identify and render a page and then you can link multiple pages by creating multiple divs or sections in one HTML file.
You don't have to keep all your pages in single HTML file if you don't want to. There are two different ways jQuery mobile handle multiple page: [More]

Tags: , ,

jQuery | jQuery Mobile

Getting started with jQuery Mobile

jQuery received a lots of buzz since its inception not only because of rich functionality but also because it's easy to implement client side code in jQuery with a very small learning curve involve. jQuery has changed the way Javascript/client side scripting is done.

With introduction of jQuery Mobile, jQuery team has revolutionized mobile web development as well. We will look at series of articles to go over various features that jQuery mobile provide to create web based application with native look and feel.

Today, we will start with an introduction of jQuery Mobile and create your first jQuery mobile application. [More]

Tags: , ,

jQuery | jQuery Mobile

Custom Action Method for Export to Excel

Today we will look at how to build Export to Excel functionality by deriving new type from ActionResult class.

To get started, lets setup following:

An ASP.NET MVC project
New controller with name "ExcelController.cs" inside controller folder
ConnectionString to any database (in this one I am using Products table of Adventure works database) [More]

Tags: , , ,

ASP.NET | MVC

Call function in jQuery Template Expression with ASPNET MVC 2

jQuery Template helps a lot when it comes to bringing data back from server and present it in some kind of DOM element. I have found jQuery Template very easy to work with and with ASP.NET MVC it does wonders.

Today, we will work on how to call function inside template expression. [More]

Tags:

AJAX | ASP.NET | jQuery

File upload and view using ASP.NET MVC2

Today we will see how to build file upload functionality in MVC2 and then display uploaded files in a HTML table. [More]

Tags: , , ,

ASP.NET | MVC

Custom Paging with ASPNET MVC2 and HTML Table

ASP.NET MVC provide many features to generate clean HTML that is search engine friendly and look less cluttered then Web forms. There is no data grid control present in the framework but it helps you build in every possible way to create one on your own with basic HTML table.

Today, we will see how to create Paging along with table footer to navigate through the pages. [More]

Tags: , , ,

ASP.NET | LINQ | MVC

Implementation of Repository Design Pattern with ASP.NET MVC 2

Repository pattern plays a significant role when it comes to create separation of concern between data access and business logic layer.

There are several benefits of using this design pattern: [More]

Tags: , , , , ,

ASP.NET | MVC | Design Patterns

Animated Charts with FusionCharts and ASP.NET

Visualizing data in form of colorful graphs makes data look interesting and easy to comprehend and if you animate then it's like icing on the cake.

FusionCharts is the name that comes in mind when we talk about cool animated chart and graphs. FusionCharts library has been in market for years and has been very successful in this area. There are many big companies who use their product but along with paid product FusionCharts also provide a free open source version of the library it's known as FusionCharts Free. You can use this library for both personal and commercial use. [More]

Tags: , , ,

ASP.NET | XML