In this guide you will learn how to load jQWidgets components in ASP.NET User Controls and how to include these User Controls as content of other widgets on your ASP.NET pages. A User Control is a composite control that works much like an ASP.NET Web page - you can add existing Web server controls and markup to a user control, and define properties and methods for the control. You can then embed them in ASP.NET Web pages, where they act as a unit. You can read more about ASP.NET User Controls here: http://msdn.microsoft.com/en-us/library/y6wb1a0e(v=vs.100).aspx.
In Visual Studio, go to File → New Project, then choose ASP.NET Web Forms Application.
In your new project you can find the folders
Content, add the file
add all necessary jQWidgets script files. In our example, they are:
Make sure a version of jQuery is also present (it is by default).
In the root of the project, add a new User Control named
with the following content:
Open the page
Default.aspx. Reference the necessary files for initializing
By default, a version of jQuery is also referenced. If in your project it is not, make sure you add it.
Add the required jqxDocking HTML structure in the page's content:
Then add jqxDocking's initialization script:
At the top of
Default.aspx, add a
@ Register directive
@ Page directive as follows:
Finally, include the User Control in the content section of the first jqxDocking
window. Here is the complete source code of