Click here to Skip to main content
15,891,943 members
Articles / Web Development / XHTML

Write jQuery Plugin WebControl for ASP.NET Just in Few Minutes!

Rate me:
Please Sign up or sign in to vote.
4.50/5 (27 votes)
9 Jun 2009GPL33 min read 220.2K   2.6K   115  
Write jQuery plugin WebControl for ASP.NET just in few miniutes!
<?xml version="1.0"?>
<doc>
    <assembly>
        <name>DNA.UI.JQuery</name>
    </assembly>
    <members>
        <member name="T:DNA.UI.JQuery.JQueryPlugin">
            <summary>
            直接将引用JQuery Plugin并将其应用至目标控件中
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Accordion.Animated">
            <summary>
            Choose your favorite animation, or disable them (set to false). In addition to the default, 'bounceslide' and 'easeslide' are supported (both require the easing plugin).
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Accordion.AutoHeight">
            <summary>
            If set, the highest content part is used as height reference for all other parts. Provides more consistent animations.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Accordion.ClearStyle">
            <summary>
            If set, clears height and overflow styles after finishing animations. This enables accordions to work with dynamic content. Won't work together with autoHeight.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Accordion.Collapsible">
            <summary>
            Whether all the sections can be closed at once. Allows collapsing the active section by the triggering event (click is the default).
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Accordion.Event">
            <summary>
            The event on which to trigger the accordion.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Accordion.FillSpace">
            <summary>
            If set, the accordion completely fills the height of the parent element. Overrides autoheight.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Accordion.Navigation">
            <summary>
            If set, looks for the anchor that matches location.href and activates it. Great for href-based state-saving. Use navigationFilter to implement your own matcher.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Accordion.NavigationFilter">
            <summary>
            Overwrite the default location.href-matching with your own matcher.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.Style">
            <summary>
            Gets/Sets the DatePicker's Style Attributes
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.AppendText">
            <summary>
             Gets/Sets the text to display after each date field, e.g. to show the required format.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.ButtonImageUrl">
            <summary>
            The URL for the popup button image. If set, button text becomes the alt value and is not directly displayed.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.ShowButtonImageOnly">
            <summary>
            Set to true to place an image after the field to use as the trigger without it appearing on a button.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.AnotherFormat">
            <summary>
            The dateFormat to be used for the altField option. This allows one date format to be shown to the user for selection purposes, while a different format is actually sent behind the scenes. For a full list of the possible formats see the formatDate function
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.AnotherFieldTargetID">
            <summary>
            Control ID for another field that is to be updated with the selected date from the datepicker. Use the altFormat setting below to change the format of the date within this field. Leave as blank for no alternate field.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.ButtonText">
            <summary>
            The text to display on the trigger button. Use in conjunction with showOn equal to 'button' or 'both'.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.AllowChangeMonth">
            <summary>
            Allows you to change the month by selecting from a drop-down list. You can enable this feature by setting the attribute to true.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.AllowChangeYear">
            <summary>
            Allows you to change the year by selecting from a drop-down list. You can enable this feature by setting the attribute to true.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.CloseButtonText">
            <summary>
            The text to display for the close link. This attribute is one of the regionalisation attributes. Use the showButtonPanel to display this button.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.ConstrainInput">
            <summary>
            True if the input field is constrained to the current date format.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.TextForToday">
            <summary>
            The text to display for the current day link. This attribute is one of the regionalisation attributes. Use the showButtonPanel to display this button.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.DateFormatString">
            <summary>
            The format for parsed and displayed dates. This attribute is one of the regionalisation attributes. For a full list of the possible formats see the formatDate function.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.DayNames">
            <summary>
            The list of long day names, starting from Sunday, for use as requested via the dateFormat setting. 
            They also appear as popup hints when hovering over the corresponding column headings. 
            This attribute is one of the regionalisation attributes.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.ShortDayNames">
            <summary>
            The list of abbreviated day names, starting from Sunday, for use as requested via the 
            dateFormat setting. This attribute is one of the regionalisation attributes.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.MinDayNames">
             <summary>
            The list of minimised day names, starting from Sunday, for use as column headers within the datepicker. 
            This attribute is one of the regionalisation attributes.
             </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.DefaultDateString">
            <summary>
            Set the date to highlight on first opening if the field is blank. 
            Specify either an actual date via a Date object, or a number of days from today 
            (e.g. +7) or a string of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, 
            e.g. '+1m +7d'), or null for today.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.Duration">
            <summary>
            Control the speed at which the datepicker appears, it may be a time in milliseconds, 
            a string representing one of the three predefined speeds ("slow", "normal", "fast"), or '' for immediately.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.FirstDay">
            <summary>
            Set the first day of the week: Sunday is 0, Monday is 1, ... This attribute is one of the regionalisation attributes.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.GotoCurrent">
            <summary>
            If true, the current day link moves to the currently selected date instead of today.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.HideIfNoPrevNext">
            <summary>
            Normally the previous and next links are disabled when not applicable (see minDate/maxDate). 
            You can hide them altogether by setting this attribute to true.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.MaxDateFormat">
             <summary>
            Set a maximum selectable date via a Date object, or a number of days from today (e.g. +7) or a string
            of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '+1m +1w'), or null 
            for no limit.
             </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.MinDateFormat">
            <summary>
            Set a minimum selectable date via a Date object, or a number of days from today (e.g. +7) or a string of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '-1y -1m'), or null for no limit.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.MonthNames">
            <summary>
            The list of full month names, as used in the month header on each datepicker and as requested via the dateFormat setting. This attribute is one of the regionalisation attributes.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.MonthShortNames">
            <summary>
            The list of abbreviated month names, for use as requested via the dateFormat setting. This attribute is one of the regionalisation attributes.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.NavigationAsDateFormat">
            <summary>
            When true the formatDate function is applied to the prevText, nextText, 
            and currentText values before display, allowing them to display the target month names for example.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.NextText">
            <summary>
             The text to display for the next month link. This attribute is one of the regionalisation attributes.
             With the standard ThemeRoller styling, this value is replaced by an icon.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.NumberOfMonths">
            <summary>
            Set how many months to show at once. The value can be a straight integer, or can be 
            a two-element array to define the number of rows and columns to display.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.PrevText">
            <summary>
            The text to display for the previous month link. This attribute is one of the 
            regionalisation attributes. With the standard ThemeRoller styling, this value is replaced by an icon.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.ShortYearCutOff">
            <summary>
            Set the cutoff year for determining the century for a date (used in conjunction with dateFormat 'y').
            If a numeric value (0-99) is provided then this value is used directly. If a string value is provided then 
            it is converted to a number and added to the current year. Once the cutoff year is calculated, any dates
            entered with a year value less than or equal to it are considered to be in the current century, while those
            greater than it are deemed to be in the previous century.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.AnimationOnShow">
            <summary>
            Set the name of the animation used to show/hide the datepicker. Use 'show' (the default), 'slideDown', 'fadeIn', or any of the show/hide jQuery UI effects.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.ShowButtonPanel">
            <summary>
            Whether to show the button panel.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.ShowCurrentAtPos">
            <summary>
            Specify where in a multi-month display the current month shows, starting from 0 at the top/left.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.ShowMonthAfterYear">
            <summary>
            Whether to show the month after the year in the header.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.ShowIconMode">
            <summary>
            Have the datepicker appear automatically when the field receives focus ('focus'), appear only when a button is clicked ('button'), or appear when either event takes place ('both').
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.ShowOptions">
            <summary>
            If using one of the jQuery UI effects for AnimationOnShow, you can provide additional settings for that animation via this option.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.ShowOtherMonths">
            <summary>
            Display dates in other months (non-selectable) at the start or end of the current month.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.StepMonths">
            <summary>
            Set how many months to move when clicking the Previous/Next links.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.YearRange">
            <summary>
            Control the range of years displayed in the year drop-down: either relative to current year (-nn:+nn) or absolute (nnnn:nnnn).
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.DisplayMode">
            <summary>
            Gets/Sets the DatePicker's DisplayMode
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.IsRightToLeft">
            <summary>
            True if the current language is drawn from right to left. This attribute is one of the regionalisation attributes.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.Value">
            <summary>
            Gets/Sets the DatePicker 's select value
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.OnClientBeforeShow">
            <summary>
            Can be a function that takes an input field and current datepicker instance and returns an 
            options object to update the datepicker with. It is called just before the datepicker is displayed.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.OnClientBeforeShowDay">
            <summary>
            The function takes a date as a parameter and must return an array with [0] equal to 
            true/false indicating whether or not this date is selectable, [1] equal to a CSS class name(s) or 
            '' for the default presentation and [2] an optional popup tooltip for this date. It is called for each 
            day in the datepicker before is it displayed.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.OnClientChangeMonthYear">
            <summary>
            Allows you to define your own event when the datepicker moves to a new month and/or year. 
            The function receives the selected year, month and the datepicker instance as parameters. this refers
            to the associated input field.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.OnClientClose">
            <summary>
            Allows you to define your own event when the datepicker is closed, whether or not a date is selected.
            The function receives the selected date as a Date and the datepicker instance as parameters. 
            this refers to the associated input field.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.DatePicker.OnClientSelect">
            <summary>
            Allows you to define your own event when the datepicker is selected. 
            The function receives the selected date(s) as text and the datepicker instance as parameters. 
            this refers to the associated input field.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Dialog.AutoOpen">
            <summary>
            When autoOpen is true the dialog will open automatically when dialog is called.
            If false it will stay hidden until .dialog("open") is called on it.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Dialog.BgiFrame">
            <summary>
            When true, the bgiframe plugin will be used, 
            to fix the issue in IE6 where select boxes show on top of other elements, 
            regardless of zIndex. Requires including the bgiframe plugin. 
            Future versions may not require a separate plugin.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Dialog.CloseOnEscape">
            <summary>
            Specifies whether the dialog should close when it has focus and the user presses the esacpe (ESC) key.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Dialog.Draggable">
             <summary>
            If set to true, the dialog will be draggable will be draggable by the titlebar.
             </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Dialog.HideEffect">
            <summary>
            The effect to be used when the dialog is closed.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Dialog.ShowEffect">
            <summary>
            The effect to be used when the dialog is opened.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Dialog.MessageText">
            <summary>
            Gets/Sets the message in Dialog
            </summary>
            <remarks>
            if the BodyTemplate is set this property will be ignore
            </remarks>
        </member>
        <member name="P:DNA.UI.JQuery.Dialog.IconUrl">
            <summary>
            Gets/Sets the message icon in dialog
            </summary>
            <remarks>
            If the BodyTemplate is set this property will be ignore
            </remarks>
        </member>
        <member name="P:DNA.UI.JQuery.Tabs.EnabledContentCache">
            <summary>
            Whether or not to cache remote tabs content,
            e.g. load only once or with every click. 
            Cached content is being lazy loaded, e.g once and only once for the first click. 
            Note that to prevent the actual Ajax requests from being cached by the browser you need 
            to provide an extra cache: false flag to ajaxOptions.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Tabs.Collapsible">
            <summary>
            Set to true to allow an already selected tab to become unselected again upon reselection.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Tabs.Deselectable">
            <summary>
            deprecated in jQuery UI 1.7, use collapsible.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Tabs.SelectedIndex">
            <summary>
            Zero-based index of the tab to be selected on initialization. To set all tabs to nselected pass -1 as value.
            </summary>
        </member>
        <member name="P:DNA.UI.JQuery.Tabs.Spinner">
            <summary>
            The HTML content of this string is shown in a tab title while remote content is loading. 
            Pass in empty string to deactivate that behavior.
            </summary>
        </member>
    </members>
</doc>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The GNU General Public License (GPLv3)


Written By
Architect DotNetAge
China China
In 1999, I started programming using Delphi, VB, VJ.From 2002 I started with .NET using C#.Since 2005 when i had became an EIP product manager I was focus on EIP and CMS technique. In 2008 i established dotnetage.com and started to shared my ideas and projects online. I believe "No shared no grow"

www.dotnetage.com

Comments and Discussions