Your SlideShare is downloading. ×
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
ASP.NET MVC - In the Wild
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

ASP.NET MVC - In the Wild


Published on

Real world example of using ExtJS in an MVC application.

Real world example of using ExtJS in an MVC application.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. ASP.NET MVC In The Wild North Florida .NET User Group March 10 th , 2011 Jonathan Bates Batener Technology Solutions, Inc. [email_address] Twitter: @bates_jonathan
  • 2. ASP.NET MVC – What is it?
    • ASP.NET MVC is the latest web application framework from the boys in Redmond. As the name implies, it implements the model-view-controller (MVC) pattern and leverages .NET framework version 3.5 and better. You can develop ASP.NET MVC solutions on Visual Studio 2008 and 2010. It is in version 3 now.
  • 3. MVC – What is it?
    • MVC is the latest brand new software pattern that has been around since 1979 . It allows applications to be composed of three distinct areas of responsibility.
    • Model – State / Database / Persistence
    • Controller – Changes the Model, acts as intermediary between the Model and the…
    • View – Input for users / Output to browser
  • 4. What is tonight about?
    • A walkthrough of selected features from a commercial ASP.NET MVC portal application.
    • A look at the integration of third party features into this application, specifically a RIA suite and GIS data.
  • 5. What is PowerMaps © ?
    • DEMO
  • 6. Breaking Down PowerMaps ©
    • How does it work?
        • 1 controller to host the page and shared page functions
        • A controller per map filter, using a common interface
        • ASP.NET MVC User Controls hosting ExtJS controls
        • The Google Maps API
  • 7. Breaking Down PowerMaps ©
        • One controller to act as a page host, as well as a common endpoint for common items, like ZIP Code boundary information
        • A custom model binder to interpret posted data and transform into the appropriate model per filter.
        • A controller per filter with specific implementations for GetMapData, GetColumnInfo, et cetera.
  • 8. Breaking Down PowerMaps ©
    • What is ExtJS
        • A RIA (Rich Internet Application) JavaScript component set.
        • It allows for the construction of common components (period selector, filter container, grid container, et cetera).
        • It allows for the use of extensions and plugins to the base code library.
        • Embraces JSON heavily (ask me about xtype versus new).
  • 9. Breaking Down PowerMaps ©
    • Google Maps API
        • A JavaScript library for GIS data.
        • Provides everything you need to be able to display GIS data and related items (areas, routes, et cetera).
  • 10. Tips, Gotchas, Discoveries
    • Use NewtonSoft (JSON.NET). It will save your life on Date parsing.
    • Use Cheap and easy way to find format mistakes in your JS code.
    • ExtJS has a steep learning curve, but it is eased if you embrace JSON.
    • ASP.NET MVC has enough infrastructural pieces in place to implement a very clean and focused code philosophy.
  • 11. Tips, Gotchas, Discoveries – cont.
    • ASP.NET MVC’s ActionResult and the ability to return JSON data on the fly is invaluable to JavaScript RIA solutions.
    • Taking advantage of JSON ActionResults and ExtJS xtype, you can build controls on the server and stream them to the client.
  • 12. Closing Thoughts
        • Sencha’s ExtJS Documentation site (written in ExtJS) http :// /
        • Sencha’s ExtJS Demos http :// http ://
        • VinylFox’s Site http :// /
        • MSDN, March 2011 http ://
        • StackOverflow –
        • Google Maps JavaScript API V3 http :// /
  • 13. Thank you for your time!
    • Where to go from here?
      • Exploration of other ASP.NET MVC related items
        • DisplayFor / EditorFor Templates
        • IoC / DI Containers
        • Testing (Nunit, WatiN, Jasmine)
        • jQuery Validation
    Jonathan Bates Batener Technology Solutions, Inc. [email_address] Twitter: @bates_jonathan