Training in Asp.net mvc3 platform-apextgi,noida
-
Upload
prav068 -
Category
Technology
-
view
346 -
download
0
description
Transcript of Training in Asp.net mvc3 platform-apextgi,noida
![Page 1: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/1.jpg)
ASP.NET MVC 3.NET Framework
Apex T. G. India Pvt. Ltd
![Page 2: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/2.jpg)
Jquery 1.7JavaScript Framework
![Page 3: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/3.jpg)
![Page 4: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/4.jpg)
Validation
![Page 5: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/5.jpg)
Interactivity
![Page 6: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/6.jpg)
AJAX
![Page 7: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/7.jpg)
Widgets and UI
![Page 8: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/8.jpg)
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
![Page 9: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/9.jpg)
![Page 10: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/10.jpg)
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
![Page 11: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/11.jpg)
<!DOCTYPE html><html>
<head><title>@ViewBag.Title</title>@RenderSection(“StyleSection”, false)
<head><body>
… Rest of your html body here …@RenderSection(“Scripts”, false)
<body><html>
![Page 12: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/12.jpg)
<appSettings> <add key="ClientValidationEnabled"
value="true" /> <add key="UnobtrusiveJavaScriptEnabled" value="true" /> </appSettings>
![Page 13: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/13.jpg)
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; } }
![Page 14: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/14.jpg)
<input class="text-box single-line" data-val="true" data-val-length="Field too long" data-val-length-max="50" data-val-required="Firstname…" id="FirstName" name="FirstName" type="text" value="" />
![Page 15: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/15.jpg)
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));
![Page 16: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/16.jpg)
<sometag onclick=“fn();” />
Please Avoid
$(sometag).live(fn);
![Page 17: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/17.jpg)
Event object functions
event.preventDefault(); event.stopPropagation(); event.stopImmediatePropagation();
![Page 18: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/18.jpg)
Partial Views
Use partials for Dialogs and pop-ups $(“#myDiv”).load(“/controller/action”); Partials are also good for Tabs
![Page 19: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/19.jpg)
Ajax
$.ajax(); $.getJSON(); $.post(); $.get(); $.load();
![Page 20: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/20.jpg)
Ajax function
$.ajax({ url: “/myController/myAction", type: “POST”, data: someVar, success: function(result){ $("#results").append(result); }});
![Page 21: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/21.jpg)
getJSON function
$.getJSON(“/mycontroller/myAction/232”, function(data) { … });
public ActionResult SampleJsonResponse(int Id){ int mynumber = providerGetNumber(Id); return Json(mynumber, JsonRequestBehavior.AllowGet);}
![Page 22: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/22.jpg)
JQueryUI
Dragging Widgets, Accordian, Tabs, Datepicker,
Dialog, Slider and Autocomplete Utilities Widget framework Effects Grid control coming
![Page 23: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/23.jpg)
3rd Party Jquery Grids
tableSorter jqGrid Flexigrid DataTables SlickGrid Ingrid
![Page 24: Training in Asp.net mvc3 platform-apextgi,noida](https://reader035.fdocuments.us/reader035/viewer/2022081414/5484fa2fb47959fb0c8b4d59/html5/thumbnails/24.jpg)
Thanks
facebook.com/apex.tgi
twitter.com/ApextgiNoida
pinterest.com/apextgi