DJ_Banner

ui_banner2

ui_controls

DJ - jQuery Web Contorls for ASP.NET is a OpenSource project. It makes easier for developer to using jQuery and jQuery ui on ASP.NET developing.It not only provides cool web controls for jQuery but also provides a lightweight framework to write jQuery plugin Server Controls super fast!}

Resources

Live Demo: DJ live demo web site dded more than 100 samples to show you how to using DJ in ASP.NET Applications.
Community:
DJ development forum the Community for DJ ,post your ideas to impove the DJ or anything about the DJ.
QuickStart & API References: Visit our
Online document library to learn more about DJ API References.


Introduction to DJ

"Write less on Server"


jQuery to promote "write less do more" on html but not in ASP.NET, while in ASP.NET using the DJ do not need coding, then you can use jQuery ui, even you never have the jQuery ui development experience , through the Vistual Studio designer support, DJ will generate the necessary HTML and javascripts for jQuery ui widgets. Using DJ in ASP.NET will "write more less even no write"

"No options!"


DJ has encapsulated jQuery ui widget in ASP.NET WebControls, as you know you will use jQuery to set the number of Options, often have to check the name、data type,usage,params of the Options,it wates the time and hard to remember! Now the DJ shows you through a familiar way - Set the typed Property of the WebControls VS.NET knows which property your want. You do not need to check documents, or check the possibility of value Option, keep the time to "do more".

Given jQuery for strong server ability

jQuery integrated with the server is limited to the use of AJAX. DJ integated jQuery into ASP.NET WebControls that implemention IPostBackEventHandler interface to support Server PostBack events. You can using UpdatePanel in DJ WebControls to support AJAX.

Pure jQuery in ASP.NET VS DJ Pure jQuery in ASP.NET
First we need to write the scripts like this:
    //reference this javascripts every time if needs
     <script type='text/javascript' src='/js/jquery.1.4.2.js' />
     <script type='text/javascript' src='/js/jquery.ui.core.js' />
     <script type='text/javascript' src='/js/jquery.ui.accordion.js' />
     <script type='text/javascript'>
        $(function(){
           $("#accordion").accordion({
                                       autoHeight:true,
                                       fillSpace:true,
                                       navigate:true,
                                       change:function(){ // do something on change}
                                     }); 
          //We need to know more and more options of the plugins/widgets 
         });
     </script>



And then we also need to write the html like this:
     <div id="accordion">
       <div>
         <a href="#">First header</a>
         <div>First content</div>
       </div>
      <div>
         <a href="#">Second header</a>
         <div>Second content</div>
      </div>
    </div>
In this codes it do not support any server events in ASP.NET.

Now when using DJ 1.This code generate by VS.NET,do not need to write any code. 2.It support server event just like anthor asp.net controls. 3.We do not need to reference the javascript event time when using 4.Do not need to lean options using Intellisense in VS.NET.

This is call "Write Less On Server"!
<DotNetAge:Accordion ID="Accordion1" runat="server" 
           AutoPostBack="true"
           AutoSizeMode="Fill">
  <DotNetAge:View ID="View1" runat="server" Text="First header" OnActive="OnActived">
            <div>First content</div>
  </DotNetAge:View>
</DotNetAge>

Rich client interface support


DJ fully support the jQuery ui widget's client-side events.You can write the javascript event handler in the DJ WebControl's property directly.

Intergated jQuery plugin without coding


If you do not want to write the WebControl of jQuery plugin. DJ also offers a WebControl named "JQueryPlugin" it shows the quickly way to integrate the jQuery plugin for no coding. You just need to set the jQuery plugin script references and Option properties(if needs) in JQueryPlugin that can be let your jQuery plugin on APS.NET works fine.

    <asp:Panel ID="ResizePanel" runat="server" 
           CssClass="ui-widget-content ui-corner-all"
           Width="200" Height="200">
        <h6 class="ui-widget-header">
            Resizable Panel</h6>
    </asp:Panel>
    <DotNetAge:JQueryPlugin ID="JQueryPlugin1" runat="server" 
        TargetID="ResizePanel"
        Name="resizable">
        <PlugInScripts>
            <asp:ScriptReference Assembly="jQuery" Name="jQuery.ui.core.js" />
            <asp:ScriptReference Assembly="jQuery" Name="jQuery.ui.resizable.js" />
        </PlugInScripts>
        <Options>
            <DotNetAge:JQueryOption Name="animate" Type="Boolean" Value="true" />
        </Options>
    </DotNetAge:JQueryPlugin>
    <DotNetAge:JQueryPlugin ID="JQueryPlugin2" runat="server" TargetID="ResizePanel"
        Name="draggable">
        <PlugInScripts>
            <asp:ScriptReference Assembly="jQuery" Name="jQuery.ui.core.js" />
            <asp:ScriptReference Assembly="jQuery" Name="jQuery.ui.draggable.js" />
        </PlugInScripts>
    </DotNetAge:JQueryPlugin>

Over 14 server controls for jQuery

DJ impletement all the jQuery ui plugins,jQuery interaction plugins and animations,effects of jQuery 1.4.2,jQuery UI 1.8.6 as server controls.It provides over 14 jQuery WebControls and UI Helper Controls.Makes using jQuery on ASP.NET very easy and very fast.

Very easy to write your jQuery Server Control


DJ provides a lightweight development framework to help you rapidly develop ASP.NET based control of the jQuery plugin.To build the WebControls for your jQuery plugin you just set some Attributes to the webControl class or properties.Use this framework it sill "write less" on server side. It will be a simple way to build a WebControl for your jQuery plugin. Write your jQuery Web Controls only in four steps:
using System;
using System.Web.UI;
using DNA.UI;//step1:Import the DNA JQuery UI Framework Library

//Step2:Add the JQueryAttribute on the class
[JQuery(Assembly="jQuery",Name="lightbox",
        ScriptResources=new string[]{"plugins.lightbox.js"})]
public class LightBox:Control
{
     //Step3:Add JQueryOptionAttribute on the property let to option being Property
     [JQueryOption(Name="fixNavigation")]
     public string FixNavigation{get;set;}

     protected override OnPreRender(object sender,EventArgs e)
    {
        //Step4:Register this jquery control
        ClientScriptManager.RegisterJQueryControl(this);
        base.OnPreRender(sender,e);
     }
} 

Fully support jQuery Theme roller


DJ is fully supports jQuery Theme roller.You can deign your own theme used Theme roller then put it in your ASP.NET site to change DJ 's theme.All server controls in DJ is fully supports jQuery CSS Framework Every server controls has thrie designer they maintained Jquery UI WebControls in the design time and run time of the consistency of visual

OpenSource


DJ is an OpenSource project,Dual licensed under the MIT and GPL licenses. DJ allows you to download, copy, modify, publish. Details please refer to: http://www.gnu.org/licenses/gpl.html and http://www.opensource.org/licenses/mit-license.php . http://dj.codeplex.com you can obtain the latest version of the source code

jQuery scripts Assembly


DJ provides a scripts Assembly of the jQuery library, the procedures set by reference to obtain the relevant script. When the upgrade script file, only need to update Assebly file can be set to switch to a different version of the script library (DJ V1.2 the jQuery script library is based on jQuery v.1.4.2). Assembly through a more rational management of the script can be invoked to manage and jQuery scripts with a lot of resources between the developed multi-site version of the unified management of the script is particularly prominent.

Last edited Dec 2, 2010 at 11:12 AM by csharp2002, version 12