djme_poster.jpg
djme_icons.jpg

DJME - The jQuery extensions for ASP.NET MVC is a lightweight framework which helps you build rich user interfaces for ASP.NET MVC while enjoying great developer productivity.

Features

  • Base on jQuery
  • Search Engine Optimized
  • Cross-browser support
  • Model DataBind supports
  • Server template and Client template supports

Installation

  • Add Reference to DNA.Mvc.jQuery.dll
  • Copy the Content and Scripts folder to your MVC website

For Mvc 3 (Razor)

1.Add DJME2 namespaces in ~/Views/web.config like below:
<system.web.webPages.razor>
           ...   
     <pages>   
      <namespaces>
           ...
        <add namespace="DNA.Mvc" />        
        <add namespace="DNA.Mvc.jQuery" />
      </namespaces>
    </pages>
</system.web.webPages.razor>

2.Add css links and script links in ~/Views/Shared/_Layout.cshtml header tag
<link href="@Url.Content("~/Content/themes/default/jquery-ui.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/default/dna.ui.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.9.custom.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.tmpl.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.farbtastic.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/djme-2.min.js")" type="text/javascript"></script>

3.Add script render method on the bottom of the ~/Views/Shared/_Layout.cshtml
...
<body>
    @RenderBody()
    @Html.RenderScripts()
</body>
...

For Mvc 2 (Aspx)

1.Add DJME 2 namespaces in ~/web.config like below:
<system.web> 
          ... 
       <pages> 
          <namespaces> 
                 ...                
                <add namespace="DNA.Mvc" /> 
                <add namespace="DNA.Mvc.jQuery" /> 
          </namespaces>
      </pages> 
</system.web>

2.Add css links and script links in ~/Views/Shared/Site.Master head tag
<link href="<%:Url.Content("~/Content/themes/default/jquery-ui.css") %>" rel="stylesheet" type="text/css" />
<link href="<%:Url.Content("~/Content/themes/default/dna.ui.css") %>" rel="stylesheet" type="text/css" />
<script src="<%:Url.Content("~/Scripts/jquery-1.4.4.min.js") %>" type="text/javascript"></script>
<script src="<%:Url.Content("~/Scripts/jquery-ui-1.8.9.custom.min.js") %>" type="text/javascript"></script>
<script src="<%:Url.Content("~/Scripts/jquery.tmpl.min.js") %>" type="text/javascript"></script>
<script src="<%:Url.Content("~/Scripts/jquery.farbtastic.js") %>" type="text/javascript"></script>
<script src="<%:Url.Content("~/Scripts/djme-2.min.js") %>" type="text/javascript"></script>

3.Add script render method on the bottom of the ~/Views/Shared/Site.Master
   ...
<body>
   ....
<%=Html.RenderScripts() %>
</body>
</html>

Resources

Official product page : http://www.dotnetage.com/sites/home/djme2.html
DJME 2 Online demos : http://www.dotnetage.com/sites/home/djme-2-demo.html

Last edited Feb 22, 2011 at 2:59 PM by csharp2002, version 9