65.9K
CodeProject is changing. Read more.
Home

Source Code for JQuery ASP.NET Controls

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.56/5 (14 votes)

Jun 10, 2009

CPOL
viewsIcon

69577

downloadIcon

3701

Get a start to building your own JQuery Controls

Introduction

Ok... So I'm hoping you are already familiar with JQuery. If you're not, then just consider JQuery as a JavaScript framework that is used for client-side rendering. I really love what these guys have done, but there is no direct integration with ASP.NET. DotNetAge provides a pretty good framework, but their controls are missing Control Designers for Visual Studio.

Included in the library is are four controls (plus designers) that I developed (JQuerySlider, JQueryTabView, JQueryAccordion, JQueryDialog) and one control that I modified from Rick Strahl's article on the jQueryCalender (JQueryDatePicker). I'm only one person so I've only implemented what I've needed so far. I hope to update this a lot in the future.

ToolBox.png

Using the Controls

To use the controls, just add your Cascading Style Sheets (the JQuery Theme Roller can build your CSS files for you) to your page and then drag and drop the controls from the ToolBox. Below are some screenshots of the controls in their designer view and then at runtime.

JQueryAccordion

AccordionDesign.png

AccordionRuntime.png

JQueryTabView

TabViewDesign.png

TabViewRuntime.png

JQueryDialog

DialogDesign.png

DialogRuntime.png

JQuerySlider

SliderDesign.png

SliderRuntime.png 

History

  • 10th June, 2009: Initial post