1- ///<reference path="../jquery/jquery.d.ts" />
21///<reference path="../jquery-autocomplete/jquery.autocomplete.d.ts" />
32
4-
53// ----------------------------------------------------------------------------------------
64// --------------------------------- WEBSITE EXAMPLE --------------------------------------
7- // ---------- https://www. devbridge.com/sourcery/components/jquery-autocomplete/ ----------
5+ // --------------- https://devbridge.github.io/jQuery-Autocomplete/ ------------- ----------
86// ----------------------------------------------------------------------------------------
97
108var input = $ ( '#autocomplete' ) ;
@@ -21,33 +19,33 @@ input.autocomplete({
2119 serviceUrl : '/autocomplete/countries' ,
2220 onSelect : function ( suggestion ) {
2321 alert ( 'You selected: ' + suggestion . value + ', ' + suggestion . data ) ;
24- }
22+ } ,
2523} ) ;
2624
2725// Local lookup (no ajax):
2826var countries = [
2927 { value : 'Andorra' , data : 'AD' } ,
3028 // ...
31- { value : 'Zimbabwe' , data : 'ZZ' }
29+ { value : 'Zimbabwe' , data : 'ZZ' } ,
3230] ;
3331
3432input . autocomplete ( {
3533 lookup : countries ,
3634 onSelect : function ( suggestion ) {
3735 alert ( 'You selected: ' + suggestion . value + ', ' + suggestion . data ) ;
38- }
36+ } ,
3937} ) ;
4038
4139// Non standard query/results
4240input . autocomplete ( {
4341 paramName : 'searchString' ,
44- transformResult : function ( response : any , originalQuery : string ) : AutocompleteResponse {
42+ transformResult : function ( response : any , originalQuery : string ) : AutocompleteResponse {
4543 return {
4644 suggestions : $ . map ( response . myData , function ( dataItem ) {
47- return { value : dataItem . valueField , data : dataItem . dataField } ;
48- } )
45+ return { value : dataItem . valueField , data : dataItem . dataField } ;
46+ } ) ,
4947 } ;
50- }
48+ } ,
5149} ) ;
5250
5351// ----------------------------------------------------------------------------------------
@@ -68,13 +66,11 @@ input.autocomplete().enable();
6866input . autocomplete ( ) . hide ( ) ;
6967input . autocomplete ( ) . dispose ( ) ;
7068
71-
7269// ----------------------------------------------------------------------------------------
7370// ------------------------------ TEST DEFAULT OPTIONS ------------------------------------
7471// ----------------------------------------------------------------------------------------
7572
7673input . autocomplete ( {
77-
7874 //----------------o AJAX SETTINGS
7975
8076 serviceUrl : '/autocomplete/countries' ,
@@ -88,69 +84,69 @@ input.autocomplete({
8884 //----------------o CONFIG SETTINGS
8985
9086 noCache : false ,
91- delimiter : "-" ,
87+ delimiter : '-' ,
9288 onSearchStart ( query : string ) {
93- console . log ( " query: " , query ) ;
89+ console . log ( ' query: ' , query ) ;
9490 } ,
9591 onSearchComplete ( query : string , suggestions : AutocompleteSuggestion [ ] ) {
96- console . log ( " query: " , query ) ;
97- console . log ( " suggestions: " , suggestions ) ;
92+ console . log ( ' query: ' , query ) ;
93+ console . log ( ' suggestions: ' , suggestions ) ;
9894 } ,
9995 onSearchError ( query : string , jqXHR : JQueryXHR , textStatus : string , errorThrown : any ) {
100- console . log ( " query: " , query ) ;
101- console . log ( " jqXHR: " , jqXHR ) ;
102- console . log ( " textStatus: " , textStatus ) ;
103- console . log ( " errorThrown: " , errorThrown ) ;
96+ console . log ( ' query: ' , query ) ;
97+ console . log ( ' jqXHR: ' , jqXHR ) ;
98+ console . log ( ' textStatus: ' , textStatus ) ;
99+ console . log ( ' errorThrown: ' , errorThrown ) ;
104100 } ,
105101 transformResult ( response : any , originalQuery : string ) : AutocompleteResponse {
106- return {
107- suggestions : [
108- { value : 'Andorra' , data : 'AD' } ,
109- // ...
110- { value : 'Zimbabwe' , data : 'ZZ' }
111- ]
112- }
102+ return {
103+ suggestions : [
104+ { value : 'Andorra' , data : 'AD' } ,
105+ // ...
106+ { value : 'Zimbabwe' , data : 'ZZ' } ,
107+ ] ,
108+ } ;
113109 } ,
114110 onSelect ( suggestion : AutocompleteSuggestion ) {
115- console . log ( " suggestions: " , suggestion ) ;
111+ console . log ( ' suggestions: ' , suggestion ) ;
116112 } ,
117113 minChars : 1 ,
118114 lookupLimit : 1 ,
119115 lookup : [
120116 { value : 'Andorra' , data : 'AD' } ,
121117 // ...
122- { value : 'Zimbabwe' , data : 'ZZ' }
118+ { value : 'Zimbabwe' , data : 'ZZ' } ,
123119 ] ,
124120 lookupFilter ( suggestion : AutocompleteSuggestion , query : string , queryLowercase : string ) : any {
125- return query !== " query"
121+ return query !== ' query' ;
126122 } ,
127123 triggerSelectOnValidInput : true ,
128124 preventBadQueries : true ,
129125 autoSelectFirst : false ,
130126 onHide ( container : any ) {
131- console . log ( " container: " , container ) ;
127+ console . log ( ' container: ' , container ) ;
132128 } ,
133129
134130 //----------------o PRESENTATION SETTINGS
135131
136132 beforeRender ( container : any ) {
137- console . log ( " container: " , container ) ;
133+ console . log ( ' container: ' , container ) ;
138134 } ,
139135 formatResult ( suggestion : AutocompleteSuggestion , currentValue : string ) : string {
140136 return currentValue ;
141137 } ,
142- groupBy : " category" ,
138+ groupBy : ' category' ,
143139 maxHeight : 300 ,
144- width : " auto" ,
140+ width : ' auto' ,
145141 zIndex : 9999 ,
146142 appendTo : document . body ,
147143 forceFixPosition : false ,
148- orientation : " bottom" ,
144+ orientation : ' bottom' ,
149145 preserveInput : false ,
150146 showNoSuggestionNotice : false ,
151- noSuggestionNotice : " No results" ,
147+ noSuggestionNotice : ' No results' ,
152148 onInvalidateSelection ( ) {
153- console . log ( " onInvalidateSelection" ) ;
149+ console . log ( ' onInvalidateSelection' ) ;
154150 } ,
155- tabDisabled : false
151+ tabDisabled : false ,
156152} ) ;
0 commit comments