2014-11-22

Asp.net jQuery mobile framework in web/mobile App development:

jQuery mobile framework allows you to design a single highly-brand responsive web site or application that will work on all popular smart phone, tablet, and desktop platforms.



Asp.net jQuery mobile framework:

ASP.NET developers working on either Web Forms or ASP.NET MVC can integrate jQuery Mobile into their Web sites to create rich mobile Web apps. jQuery Mobile is a lightweight JavaScript framework for developing cross-platform mobile/device Web applications.

In mobile application development, you as a developer must think about how to utilize available space in the best possible manner. For this purpose sometimes the UI needs to be divided in separate pages. In such cases, you may need to transfer value(s) entered in one page, on the second page for the further processing.

Consider a scenario where the end user is asked to select the Product Category on Page 1 and based upon that, Page 2 displays products under that category. To get these done, values must be passed from page 1 to page 2. In jQuery Mobile, $.mobile object provides the changePage() method which accepts the page url as a first parameter and the values to be transferred as a second parameter using JSON based data. In this article, we will see how values are passed from one page to another in an ASP.NET application.

jQuery Mobile lightweight JavaScript framework:

jQuery Mobile is a lightweight JavaScript framework for developing cross-platform

mobile/device Web applications. In this article, we will jQuery Mobile with ASP.NET to transfer data from one page to another.

Download Jquery mobile:

http://jquerymobile.com/download/

Latest stable version :

1.4.5

ZIP file

Zip File: jquery.mobile-1.4.5.zip (JavaScript, CSS, and images)

jQuery CDN provided :

JavaScript:

Uncompressed: jquery.mobile-1.4.5.js (useful for debugging)

Minified and Gzipped: jquery.mobile-1.4.5.min.js (full library, ready to deploy)

CSS:

Uncompressed with Default theme: jquery.mobile-1.4.5.css (useful for debugging)

Minified and Gzipped with Default theme: jquery.mobile-1.4.5.min.css (full library, ready to deploy)

Uncompressed structure without a theme: jquery.mobile-1.4.5.css (useful for theme development)

Minified and Gzipped structure without a theme: jquery.mobile-1.4.5.min.css (to be used with custom theme and icon CSS, ready to deploy)

Here you can Copy-and-Paste snippet for jQuery CDN hosted files:

<link rel="stylesheet"href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

Asp.net jQuery Mobile C# example

Asp.net and Jquery Related Other Post:

Asp.net Programming, Ajax,C# Related online books

Asp.net web/window tutorial or related books

How Play YouTube Video in Your Asp.net Website by URL

Displaying the textbox value in javascript Messagebox

Get selected radio button values using JQuery.

How do you do html text encodes using JavaScript

Limit Number of Characters in a TextArea using jQuery

Limitation of Characters in Textbox or TextArea in asp.netusing jquery:

jquery disable or Enable submit button after validation

Enable Disable Submit Button using jQuery

JQuery UI Datepicker (Calendar) with asp.net textbox

Get current datetime in jquery and javaScript.

jQuery modal dialog with postback  in asp.net 

Show more