Jquery Server Control For ASP.NET

Jquery Server Controls From DotNetAge provides server side events.

Download DLLs from http://dj.codeplex.com/

Below is example for Accordion

<%@ Register Assembly="DNA.UI.JQuery" Namespace="DNA.UI.JQuery" TagPrefix="DotNetAge" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

<link href="Jquery/jquery-ui-1.8.13.custom.css" rel="stylesheet" type="text/css" />

<link href="Jquery/dna.ui.css" rel="stylesheet" type="text/css" />

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<asp:LinkButton ID="lnkPopUp" runat="server" OnClientClick="return false;">Open PopUp Window</asp:LinkButton>

<DotNetAge:Accordion ID="Accordion1" runat="server" Navigation="true" AllowCollapseAllSections="true"

CollapseAnimation="EaseSlide" CssClass="ui-accordion-header" ContentCssClass="ui-accordion-content"

Width="200px">

<Views>

<DotNetAge:NavView ID="NavView1" runat="server" Text="Dashboard" NavigateUrl="About.aspx"

OnClientClick="">

<Items>

<DotNetAge:NavItem Text="Go to Dashboard" NavigateUrl="About.aspx" />

</Items>

</DotNetAge:NavView>

<DotNetAge:NavView ID="NavView2" runat="server" Text="Title 2">

<Items>

<DotNetAge:NavItem Text="All Contacts" NavigateUrl="About.aspx" />

<DotNetAge:NavItem Text="Persional" />

</Items>

</DotNetAge:NavView>

<DotNetAge:NavView ID="NavView3" runat="server" Text="Title 3">

<Items>

<DotNetAge:NavItem Text="All Contacts" />

<DotNetAge:NavItem Text="Persional" />

</Items>

</DotNetAge:NavView>

<DotNetAge:NavView ID="NavView4" runat="server" Text="Title 4">

<Items>

<DotNetAge:NavItem Text="All Contacts" />

<DotNetAge:NavItem Text="Persional" />

</Items>

</DotNetAge:NavView>

</Views>

</DotNetAge:Accordion>

</asp:Content>

for server side binding...

using DNA.UI.JQuery;

protected void Page_Load(object sender, EventArgs e)

{

DNA.UI.JQuery.View v1 = new DNA.UI.JQuery.View();

v1.Text = "My Mail"; //Title for accordion

NavView n1 = new NavView();

n1.ID = "nav1";

n1.Text = "Inbox"; // sub item for accordion

v1.Controls.Add(n1);

Accordion1.Views.Add(v1);

}

Visit http://www.dotnetage.com for Documentation

-

Manthan Vyas
Submitted By manthan vyas @ 9/19/2011 4:25:21 PM