1
- ///<reference path="../jquery/jquery.d.ts" />
2
1
///<reference path="../jquery-autocomplete/jquery.autocomplete.d.ts" />
3
2
4
-
5
3
// ----------------------------------------------------------------------------------------
6
4
// --------------------------------- WEBSITE EXAMPLE --------------------------------------
7
- // ---------- https://www. devbridge.com/sourcery/components/jquery-autocomplete/ ----------
5
+ // --------------- https://devbridge.github.io/jQuery-Autocomplete/ ------------- ----------
8
6
// ----------------------------------------------------------------------------------------
9
7
10
8
var input = $ ( '#autocomplete' ) ;
@@ -21,33 +19,33 @@ input.autocomplete({
21
19
serviceUrl : '/autocomplete/countries' ,
22
20
onSelect : function ( suggestion ) {
23
21
alert ( 'You selected: ' + suggestion . value + ', ' + suggestion . data ) ;
24
- }
22
+ } ,
25
23
} ) ;
26
24
27
25
// Local lookup (no ajax):
28
26
var countries = [
29
27
{ value : 'Andorra' , data : 'AD' } ,
30
28
// ...
31
- { value : 'Zimbabwe' , data : 'ZZ' }
29
+ { value : 'Zimbabwe' , data : 'ZZ' } ,
32
30
] ;
33
31
34
32
input . autocomplete ( {
35
33
lookup : countries ,
36
34
onSelect : function ( suggestion ) {
37
35
alert ( 'You selected: ' + suggestion . value + ', ' + suggestion . data ) ;
38
- }
36
+ } ,
39
37
} ) ;
40
38
41
39
// Non standard query/results
42
40
input . autocomplete ( {
43
41
paramName : 'searchString' ,
44
- transformResult : function ( response : any , originalQuery : string ) : AutocompleteResponse {
42
+ transformResult : function ( response : any , originalQuery : string ) : AutocompleteResponse {
45
43
return {
46
44
suggestions : $ . map ( response . myData , function ( dataItem ) {
47
- return { value : dataItem . valueField , data : dataItem . dataField } ;
48
- } )
45
+ return { value : dataItem . valueField , data : dataItem . dataField } ;
46
+ } ) ,
49
47
} ;
50
- }
48
+ } ,
51
49
} ) ;
52
50
53
51
// ----------------------------------------------------------------------------------------
@@ -68,13 +66,11 @@ input.autocomplete().enable();
68
66
input . autocomplete ( ) . hide ( ) ;
69
67
input . autocomplete ( ) . dispose ( ) ;
70
68
71
-
72
69
// ----------------------------------------------------------------------------------------
73
70
// ------------------------------ TEST DEFAULT OPTIONS ------------------------------------
74
71
// ----------------------------------------------------------------------------------------
75
72
76
73
input . autocomplete ( {
77
-
78
74
//----------------o AJAX SETTINGS
79
75
80
76
serviceUrl : '/autocomplete/countries' ,
@@ -88,69 +84,69 @@ input.autocomplete({
88
84
//----------------o CONFIG SETTINGS
89
85
90
86
noCache : false ,
91
- delimiter : "-" ,
87
+ delimiter : '-' ,
92
88
onSearchStart ( query : string ) {
93
- console . log ( " query: " , query ) ;
89
+ console . log ( ' query: ' , query ) ;
94
90
} ,
95
91
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 ) ;
98
94
} ,
99
95
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 ) ;
104
100
} ,
105
101
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
+ } ;
113
109
} ,
114
110
onSelect ( suggestion : AutocompleteSuggestion ) {
115
- console . log ( " suggestions: " , suggestion ) ;
111
+ console . log ( ' suggestions: ' , suggestion ) ;
116
112
} ,
117
113
minChars : 1 ,
118
114
lookupLimit : 1 ,
119
115
lookup : [
120
116
{ value : 'Andorra' , data : 'AD' } ,
121
117
// ...
122
- { value : 'Zimbabwe' , data : 'ZZ' }
118
+ { value : 'Zimbabwe' , data : 'ZZ' } ,
123
119
] ,
124
120
lookupFilter ( suggestion : AutocompleteSuggestion , query : string , queryLowercase : string ) : any {
125
- return query !== " query"
121
+ return query !== ' query' ;
126
122
} ,
127
123
triggerSelectOnValidInput : true ,
128
124
preventBadQueries : true ,
129
125
autoSelectFirst : false ,
130
126
onHide ( container : any ) {
131
- console . log ( " container: " , container ) ;
127
+ console . log ( ' container: ' , container ) ;
132
128
} ,
133
129
134
130
//----------------o PRESENTATION SETTINGS
135
131
136
132
beforeRender ( container : any ) {
137
- console . log ( " container: " , container ) ;
133
+ console . log ( ' container: ' , container ) ;
138
134
} ,
139
135
formatResult ( suggestion : AutocompleteSuggestion , currentValue : string ) : string {
140
136
return currentValue ;
141
137
} ,
142
- groupBy : " category" ,
138
+ groupBy : ' category' ,
143
139
maxHeight : 300 ,
144
- width : " auto" ,
140
+ width : ' auto' ,
145
141
zIndex : 9999 ,
146
142
appendTo : document . body ,
147
143
forceFixPosition : false ,
148
- orientation : " bottom" ,
144
+ orientation : ' bottom' ,
149
145
preserveInput : false ,
150
146
showNoSuggestionNotice : false ,
151
- noSuggestionNotice : " No results" ,
147
+ noSuggestionNotice : ' No results' ,
152
148
onInvalidateSelection ( ) {
153
- console . log ( " onInvalidateSelection" ) ;
149
+ console . log ( ' onInvalidateSelection' ) ;
154
150
} ,
155
- tabDisabled : false
151
+ tabDisabled : false ,
156
152
} ) ;
0 commit comments