ComponentOne Extender Controls for ASP.NET Web Forms
In This Topic
    Wijmo Extender Controls and Widgets
    In This Topic

    So what is the difference between the Wijmo control toolkit extender controls and jQuery Wijmo widgets?

    The Wijmo extender controls make good use of the ASP.NET AJAX partial-page rendering and client-script functionality features of the Microsoft AJAX Library, allowing you to create a smooth, interactive UI for your end users. If you don't know jQuery and JavaScript, you don't need to worry about it with the toolkit extender controls.

    The Wijmo widgets use the hottest technologies and allow you to easily create a cool, interactive UI with little code. If you already know JavaScript, there is no learning curve.

    Wijmo extender controls and Wijmo widgets are completely independent of each other; however, they can be used in the same web application.

    Suppose you want to create an accordion in your application. You add a Panel control to your page, like this:

    Adding a Panel Control
    Copy Code

    <asp:Panel ID="Panel1" runat="server">

         <h3>Pane 1</h3>

                    <div>

                        <p>

                            Pane 1 content

                        </p>

                    </div>

                    <h3>Pane 2</h3>

                    <div>

                        <p>

                            Pane 2 content

                        </p>

                    </div>

                    <h3>

                       Pane 3</h3>

                    <div>

                        <p>

                            Pane 3 content

                        </p>

                    </div>

        </asp:Panel>

    To create a formatted accordion that expands when a user mouses over it, the C1AccordionExtender control markup would look like this:

    <cc1:C1AccordionExtender ID="C1AccordionExtender1" runat="server" TargetControlID="Panel1" Event="mouseover">

        </cc1:C1AccordionExtender>

    If you are using wijaccordion, the JavaScript looks like this:

    Adding a wijaccordion
    Copy Code

    <script id="scriptInit" type="text/javascript">

         $(document).ready(function () {

             $("#<%= Panel1.ClientID %>").wijaccordion({

                 event: "mouseover"

             });

         });


     </script>   

    Visit http://wijmo.com for a list of Wijmo widgets, demos, documentation, support and more. Note that if you use the Wijmo widgets, you should reference the latest CDN dependencies at http://www.wijmo.com/downloads/cdn.