Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
5
Simple Use Case (AutoComplete) Interesting Moments (AutoComplete) YAHOO.widget.
Event Arguments (passed via args array)
AutoComplete
Markup: Properties:
<div id=”myAutoComplete”> textboxFocusEvent/
[0] AC instance
<input id="myInput" type="text"> textboxBlurEvent animVert (b)
<div id="myContainer"></div> textboxKeyEvent [0] AC instance; [1] keycode int animHoriz (b)
</div>
dataRequestEvent/ animSpeed (int)
[0] AC instance; [1] query string
Script: dataErrorEvent delimChar (char ||
var myAutoComp = new YAHOO.widget.AutoComplete ("myInput", [0] AC instance; [1] query string; [2] array)
"myContainer", myDataSource); dataReturnEvent
results array maxResultsDisplayed
Instantiates a new AutoComplete object, myAutoComp, which queries an containerExpandEvent/ (int)
existing DataSource myDataSource. [0] AC instance minQueryLength (int)
containerCollapseEvent
itemArrowToEvent/ queryDelay (int)
[0] AC instance; [1] <li> element
Constructor (AutoComplete) itemArrowFromEvent autoHighlight (b)
itemMouseOverEvent/ highlightClassName
YAHOO.widget.AutoComplete(str | el ref input field, str | [0] AC instance; [1] <li> element (string)
el ref suggestion container, obj DataSource instance[, itemMouseOutEvent
obj configuration object]); [0] AC instance; [1] <li> element; [2] prehighlightClass
itemSelectEvent Name (string)
item data object or array
Arguments: useShadow (b)
(1) HTML element (string or object): Text input or textarea element. selectionEnforceEvent [0] AC instance
unmatchedItemSelectEvent [0] AC instance; [1] user selected string useIFrame (b)
(2) HTML element (string or object): Suggestion container.
[0] AC instance; [1] query string; [2] forceSelection (b)
(3) DataSource instance (obj): An instantiated DataSource object; see below
for DataSource types and constructor syntax.
typeAheadEvent typeAhead (b)
prefill string
(4) Configuration object (object): An optional object literal defines property allowBrowser
Subscribe to AutoComplete Custom Events on your AutoComplete instance:
values of an AutoComplete instance. myAC.containerExpandEvent.subscribe(myFn[, myObj, bScope]); Autocomplete (b)
alwaysShowContainer
Constructors (DataSource Classes) Simple Use Case (DataSource) (b)