• English (United States)
    • العربية (مصر)
    • Deutsch (Deutschland)
    • Español (España, alfabetización internacional)
    • français (France)
    • हिंदी (भारत)
    • italiano (Italia)
    • 日本語 (日本)
    • 한국어 (대한민국)
    • Nederlands (Nederland)
    • polski (Polska)
    • русский (Россия)
    • ไทย (ไทย)
    • Türkçe (Türkiye)
    • Tiếng Việt (Việt Nam)
    • 中文(中华人民共和国)
    • 中文(香港特別行政區)

DNA jQuery Web Controls for ASP.NET

Hide sidebar

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



And then we also need to write the html like this:


<div id="accordion">
<div>
<a href="#">First headera>
<div>First contentdiv>
div>
<div>
<a href="#">Second headera>
<div>Second contentdiv>
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 contentdiv>
DotNetAge:View>
DotNetAge>


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 Panelh6>
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.3.2,jQuery UI 1.7.2 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.0 the jQuery script library is based on jQuery v.1.3.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.
Usage:

<asp:ScriptManager runat="Server" Id="MainScriptManager">
<Scripts>
<asp:ScriptReference Assembly="jQuery" Name="jQuery.ui.core.js" />
<asp:ScriptReference Assembly="jQuery" Name="jQuery.ui.droppable.js" />
Scripts>
asp:ScriptManager>


Cross Browser Support




[image" />

 


    Average:5
  • Reads
    (3740)
  • Permalink
Share to:
Valid XHTML 1.0!