Write jQuery plugin WebControl for ASP.NET just in Few Minutes

Updates

Introduction

jQuery is a lightweight open source JavaScript library (only 15kb in size) that in a relatively short span of time has become one of the most popular libraries on the web."write less do more" is a very good idea for our web developers.But when using it in ASP.NET something had happend...

Background

We has some challenge of using jQuery in ASP.NET as well.

• 1.We must learn about jQuery even though it's very simple.
• 2.When using jquery ui widgets, jquery plugins, effects,animations ect. we must learn more about "Options". i can't remember all the options of them so i must check out the document very time i using them becuse the VS.NET could not support all of jquery plugin or ui Intellisense it is a very terrible thing for me an i feel it wasting my time! for example when i using datepicker,i must know more then 39 options! that is a nightmare! so that i could using the less code for my application.

  $(function() {
                 $("#datepicker").datepicker(buttonText:'Close',
                                             changeMonth:true,
                                             changeYear:true,
                                             gotoCurrent:true,
                                             showOn:'click',
                                             onselect:function(){
                                              .....
                                             })
  ;});

  over 5 options that i can't remeber any more....
• 3.When i using some widget in deifferen page i must copy and paste the html code or rewrite by hand! tabs and accordion is offen to use. they are html code is so more to write!Using this code in server page it make make no sense!

                    
                    <div id="accordion">
                        <h3>
                            <a href="#">Section 1</a></h3>
                        <div>
                                Section 1 content here
                            
                        </div>
                        <h3>
                            <a href="#">Section 2</a></h3>
                        <div>
                                Section 2 content here
                        </div>
                        <h3>
                            <a href="#">Section 3</a></h3>
                        <div>
                               Section 3 content here
                         </div>
                    </div>
              

• 4.I must add the script references in every page (jquery's library has to many files.if combine in one that it will be so large!).
• 5.When the ui interact with server i only can using Callback or WebService event thought just post a ver to server!