Training in Asp.net mvc3 platform-apextgi,noidaAspnetmvc3 j query

.NET Framework
ASP.NET MVC 3
Apex T. G. India Pvt. Ltd

JavaScript Framework
Jquery 1.7

Semantic Web
 Paint HTML
 Style and Skin using CSS
 Keep CSS at top of page
 Keep Scripts at bottom of page
 Update using Ajax
 Use Json ActionResult

Sections
 Create sections in your Layout file
 Use section in head for styles
 Use section at bottom for scripts
@RenderSection("StyleSection", false)
@section StyleSection in our view

<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
@RenderSection(“StyleSection”, false)
<head>
<body>
… Rest of your html body here …
@RenderSection(“Scripts”, false)
<body>
<html>

public class People
{
public int ID { get; set; }
[Required(ErrorMessage="Firstname is required")]
[StringLength(50, ErrorMessage="Field too long")]
public string FirstName { get; set; }
[Required(ErrorMessage = "Lastname is required")]
[StringLength(50, ErrorMessage = " Field too long ")]
public string LastName { get; set; }
[Required(ErrorMessage = "Email is required")]
[StringLength(256, ErrorMessage = " Field too long by 256 chars")]
[RegularExpression(".+@.+..+", ErrorMessage = "email not valid")]
public string Email { get; set; }
}

Binding to events
 Keep scripts at bottom of page
 $(“#myButton”).click(fn(e));
 $(“#myButton”).bind(“click”, fn(e));
 $(“#myButton”).delegate(“td”, “click”, fn(e));
 $(“#myButton”).on(“click”, “td”, fn(e));

Please Avoid
<sometag onclick=“fn();” />
$(sometag).live(fn);

Event object functions
 event.preventDefault();
 event.stopPropagation();
 event.stopImmediatePropagation();

Partial Views
 Use partials for Dialogs and pop-ups
 $(“#myDiv”).load(“/controller/action”);
 Partials are also good for Tabs

Ajax
 $.ajax();
 $.getJSON();
 $.post();
 $.get();
 $.load();

Ajax function
$.ajax({
url: “/myController/myAction",
type: “POST”,
data: someVar,
success: function(result){
$("#results").append(result);
}
});

getJSON function
$.getJSON(“/mycontroller/myAction/232”, function(data) { … });
public ActionResult SampleJsonResponse(int Id)
{
int mynumber = providerGetNumber(Id);
return Json(mynumber, JsonRequestBehavior.AllowGet);
}

JQueryUI
 Dragging
 Widgets, Accordian, Tabs, Datepicker,
Dialog, Slider and Autocomplete
 Utilities Widget framework
 Effects
 Grid control coming

3rd Party Jquery Grids
 tableSorter
 jqGrid
 Flexigrid
 DataTables
 SlickGrid
 Ingrid

Thanks
facebook.com/apex.tgi
twitter.com/ApextgiNoida
pinterest.com/apextgi

Training in Asp.net mvc3 platform-apextgi,noidaAspnetmvc3 j query

More Related Content

What's hot

Viewers also liked

Similar to Training in Asp.net mvc3 platform-apextgi,noidaAspnetmvc3 j query

Recently uploaded

Training in Asp.net mvc3 platform-apextgi,noidaAspnetmvc3 j query