ComponentModel for ASP.NET MVC3

Ray_Liang

Rate me:

4.80/5 (14 votes)

26 Jun 2011GPL311 min read

68.6K

2.5K

In this article, I will show you how to build a component model for ASP.NET MVC3 with Builder and Factory design patterns. You could use this model to write your strongly type components to binding data, handling harchical objects and write jQuery UI controls / HTML5 controls for ASP.NET MVC3.

Demos.zip
- DNA.Demo.Web
  - _bin_deployableAssemblies
    - Microsoft.Web.Infrastructure.dll
    - Microsoft.Web.Infrastructure.xml
    - NuGet.Core.dll
    - System.Web.Helpers.dll
    - System.Web.Helpers.xml
    - System.Web.Mvc.dll
    - System.Web.Razor.dll
    - System.Web.Razor.xml
    - System.Web.WebPages.Administration.dll
    - System.Web.WebPages.Deployment.dll
    - System.Web.WebPages.Deployment.xml
    - System.Web.WebPages.dll
    - System.Web.WebPages.Razor.dll
    - System.Web.WebPages.Razor.xml
    - System.Web.WebPages.xml
    - WebMatrix.Data.dll
    - WebMatrix.Data.xml
    - WebMatrix.WebData.dll
    - WebMatrix.WebData.xml
  - App_Data
  - bin
    - DNA.Demo.Web.dll
    - DNA.Demo.Web.pdb
    - DNA.Mvc.ComponentModel.dll
    - DNA.Mvc.ComponentModel.pdb
    - Microsoft.Web.Helpers.dll
    - Microsoft.Web.Infrastructure.dll
    - Microsoft.Web.Infrastructure.xml
    - NuGet.Core.dll
    - System.Web.Helpers.dll
    - System.Web.Helpers.xml
    - System.Web.Mvc.dll
    - System.Web.Razor.dll
    - System.Web.Razor.xml
    - System.Web.WebPages.Administration.dll
    - System.Web.WebPages.Deployment.dll
    - System.Web.WebPages.Deployment.xml
    - System.Web.WebPages.dll
    - System.Web.WebPages.Razor.dll
    - System.Web.WebPages.Razor.xml
    - System.Web.WebPages.xml
    - WebMatrix.Data.dll
    - WebMatrix.Data.xml
    - WebMatrix.WebData.dll
    - WebMatrix.WebData.xml
  - Collation.cs
  - Content
    - Site.css
    - themes
      - base
        
        images
        
        ui-bg_flat_0_aaaaaa_40x100.png
        
        ui-bg_flat_75_ffffff_40x100.png
        
        ui-bg_glass_55_fbf9ee_1x400.png
        
        ui-bg_glass_65_ffffff_1x400.png
        
        ui-bg_glass_75_dadada_1x400.png
        
        ui-bg_glass_75_e6e6e6_1x400.png
        
        ui-bg_glass_95_fef1ec_1x400.png
        
        ui-bg_highlight-soft_75_cccccc_1x100.png
        
        ui-icons_222222_256x240.png
        
        ui-icons_2e83ff_256x240.png
        
        ui-icons_454545_256x240.png
        
        ui-icons_888888_256x240.png
        
        ui-icons_cd0a0a_256x240.png
        
        jquery.ui.accordion.css
        
        jquery.ui.all.css
        
        jquery.ui.autocomplete.css
        
        jquery.ui.base.css
        
        jquery.ui.button.css
        
        jquery.ui.core.css
        
        jquery.ui.datepicker.css
        
        jquery.ui.dialog.css
        
        jquery.ui.progressbar.css
        
        jquery.ui.resizable.css
        
        jquery.ui.selectable.css
        
        jquery.ui.slider.css
        
        jquery.ui.tabs.css
        
        jquery.ui.theme.css
      - default
        
        dna.ui.css
        
        images
        
        forums
        
        icon_aim.png
        
        icon_back_top.gif
        
        icon_blog.png
        
        icon_contact_aim.gif
        
        icon_contact_email.gif
        
        icon_contact_icq.gif
        
        icon_contact_jabber.gif
        
        icon_contact_msnm.gif
        
        icon_contact_www.gif
        
        icon_contact_yahoo.gif
        
        icon_email.png
        
        icon_home.png
        
        icon_icq.png
        
        icon_msn.png
        
        icon_offline.gif
        
        icon_online.gif
        
        icon_pm.png
        
        icon_post_delete.gif
        
        icon_post_info.gif
        
        icon_post_report.gif
        
        icon_post_target.gif
        
        icon_post_target_unread.gif
        
        icon_rate_bad.gif
        
        icon_rate_good.gif
        
        icon_skype.png
        
        icon_thread_pinned.png
        
        icon_topic_attach.gif
        
        icon_topic_latest.gif
        
        icon_topic_newest.gif
        
        icon_topic_reported.gif
        
        icon_topic_unapproved.gif
        
        icon_user_warn.gif
        
        icon_yahoo.png
        
        medals
        
        MC_0.gif
        
        MC_1.gif
        
        MC_2.gif
        
        MG_0.gif
        
        MG_1.gif
        
        MG_2.gif
        
        MS_0.gif
        
        MS_1.gif
        
        MS_2.gif
        
        SC_0.gif
        
        SC_1.gif
        
        SC_2.gif
        
        SG_0.gif
        
        SG_1.gif
        
        SG_2.gif
        
        SS_0.gif
        
        SS_1.gif
        
        SS_2.gif
        
        top.gif
        
        online_admin.gif
        
        online_member.gif
        
        online_moderator.gif
        
        online_supermod.gif
        
        subforum_read.gif
        
        subforum_unread.gif
        
        icon_accept.png
        
        icon_add_16.png
        
        icon_block_16.png
        
        icon_calendar_16.png
        
        icon_collapse_16.png
        
        icon_collapse_disable_16.png
        
        icon_delete.png
        
        icon_delete_disable.png
        
        icon_design.gif
        
        icon_download_db_16.png
        
        icon_edit_uf_16.png
        
        icon_edit_uf_disable_16.png
        
        icon_expand_16.png
        
        icon_expand_disable_16.png
        
        icon_invisbale.gif
        
        icon_loader_32.gif
        
        icon_normal.gif
        
        icon_refresh_16.png
        
        icon_refresh_disable_16.png
        
        icon_save_16.png
        
        icon_save_disable_16.png
        
        loading.gif
        
        ui-anim_basic_16x16.gif
        
        ui-bg_flat_0_aaaaaa_40x100.png
        
        ui-bg_flat_0_eeeeee_40x100.png
        
        ui-bg_flat_55_ffffff_40x100.png
        
        ui-bg_flat_75_ffffff_40x100.png
        
        ui-bg_glass_65_e40000_1x400.png
        
        ui-bg_highlight-soft_100_f6f6f6_1x100.png
        
        ui-bg_highlight-soft_25_e40000_1x100.png
        
        ui-bg_highlight-soft_50_1ea0ce_1x100.png
        
        ui-bg-divider.gif
        
        ui-bg-main.jpg
        
        ui-bg-menu.gif
        
        ui-bg-widget-header.gif
        
        ui-button-normal-bg.png
        
        ui-forum-audit.png
        
        ui-forum-audit-hover.png
        
        ui-forum-delete.png
        
        ui-forum-delete-hover.png
        
        ui-forum-edit.png
        
        ui-forum-edit-hover.png
        
        ui-forum-forum.png
        
        ui-forum-lock.png
        
        ui-forum-lock2.png
        
        ui-forum-lock-hover.png
        
        ui-forum-move.png
        
        ui-forum-move-hover.png
        
        ui-forum-newthread.png
        
        ui-forum-newthread-hover.png
        
        ui-forum-pin.png
        
        ui-forum-pin-hover.png
        
        ui-forum-post.png
        
        ui-forum-post-hover.png
        
        ui-forum-quote.png
        
        ui-forum-quote-hover.png
        
        ui-forum-reply.png
        
        ui-forum-reply-hover.png
        
        ui-forum-thread.png
        
        ui-forum-thread-announce.png
        
        ui-forum-thread-fav.png
        
        ui-forum-thread-hot.png
        
        ui-forum-thread-lock.png
        
        ui-forum-thread-new.png
        
        ui-forum-thread-pin.png
        
        ui-forum-unlock.png
        
        ui-forum-unlock-hover.png
        
        ui-forum-unpin.png
        
        ui-forum-unpin-hover.png
        
        ui-icons_0073ea_256x240.png
        
        ui-icons_454545_256x240.png
        
        ui-icons_666666_256x240.png
        
        ui-icons_e40000_256x240.png
        
        ui-icons_ff0084_256x240.png
        
        ui-icons_ffffff_256x240.png
        
        ui-icons_rte.png
        
        ui-icons-arrows.png
        
        ui-icons-plusminus.png
        
        ui-icon-toggle-states.gif
        
        jquery-ui.css
  - Controllers
    - HomeController.cs
  - DNA.Demo.Web.csproj
  - DNA.Demo.Web.csproj.user
  - Global.asax
  - Global.asax.cs
  - Models
  - obj
    - Debug
      - DesignTimeResolveAssemblyReferencesInput.cache
      - DNA.Demo.Web.csproj.FileListAbsolute.txt
      - DNA.Demo.Web.dll
      - DNA.Demo.Web.pdb
      - ResolveAssemblyReference.cache
      - TempPE
  - packages.config
  - Properties
    - AssemblyInfo.cs
  - Scripts
    - djme2.min.js
    - jquery.farbtastic.js
    - jquery.tmpl.min.js
    - jquery.unobtrusive-ajax.js
    - jquery.unobtrusive-ajax.min.js
    - jquery.validate.js
    - jquery.validate.min.js
    - jquery.validate.unobtrusive.js
    - jquery.validate.unobtrusive.min.js
    - jquery.validate-vsdoc.js
    - jquery-1.4.4.min.js
    - jquery-1.5.1.js
    - jquery-1.5.1.min.js
    - jquery-1.5.1-vsdoc.js
    - jquery-ui-1.8.11.js
    - jquery-ui-1.8.11.min.js
    - jquery-ui-1.8.9.custom.min.js
    - MicrosoftAjax.debug.js
    - MicrosoftAjax.js
    - MicrosoftMvcAjax.debug.js
    - MicrosoftMvcAjax.js
    - MicrosoftMvcValidation.debug.js
    - MicrosoftMvcValidation.js
    - modernizr-1.7.js
    - modernizr-1.7.min.js
  - Views
    - _ViewStart.cshtml
    - Home
    - Shared
      - _Layout.cshtml
      - Error.cshtml
    - Web.config
  - Web.config
  - web.config.transform.config
  - Web.Debug.config
  - Web.Release.config
- DNA.Mvc.ComponentModel.sln
- DNA.Mvc.ComponentModel
  - DNA.Mvc.ComponentModel.suo
  - DNA.Mvc.ComponentModel
    - _dependencyAssemblies
      - Microsoft.Web.Infrastructure.dll
      - System.Web.Helpers.dll
      - System.Web.Mvc.dll
      - System.Web.Razor.dll
      - System.Web.WebPages.dll
      - System.Web.WebPages.Razor.dll
    - bin
      - Debug
        
        DNA.Mvc.ComponentModel.dll
        
        DNA.Mvc.ComponentModel.pdb
      - Release
    - ClassDiagram1.cd
    - DNA.Mvc.ComponentModel.csproj
    - DNA.Mvc.ComponentModel.csproj.user
    - Extenstions.cs
    - Html5
    - HtmlTemplate.cs
    - IHtmlTemplate.cs
    - LinkList
    - obj
      - Debug
        
        DesignTimeResolveAssemblyReferencesInput.cache
        
        DNA.Mvc.ComponentModel.csproj.FileListAbsolute.txt
        
        DNA.Mvc.ComponentModel.dll
        
        DNA.Mvc.ComponentModel.pdb
        
        TempPE
    - Panel
      - PanelViewComponent.cs
      - PanelViewComponentBuilder.cs
    - Properties
      - AssemblyInfo.cs
    - ViewComponent.cs
    - ViewComponentBuilder.cs

@model System.Web.Mvc.HandleErrorInfo

@{
    ViewBag.Title = "Error";
}

<h2>
    Sorry, an error occurred while processing your request.
</h2>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The GNU General Public License (GPLv3)

Written By

Ray_Liang

Architect DotNetAge

China

In 1999, I started programming using Delphi, VB, VJ.From 2002 I started with .NET using C#.Since 2005 when i had became an EIP product manager I was focus on EIP and CMS technique. In 2008 i established dotnetage.com and started to shared my ideas and projects online. I believe "No shared no grow"

www.dotnetage.com

ComponentModel for ASP.NET MVC3

License

Comments and Discussions