|
|
Line 10: |
Line 10: |
| This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/. | | This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/. |
|
| |
|
| == Example (Basic) == | | == Example == |
|
| |
|
| <pre> | | <tabber> |
| Dim countries
| | JavaScript= |
| countries = Array("Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Antarctica", _
| | <syntaxhighlight lang="JavaScript"> |
| "Antigua and Barbuda", "Argentina", "Armenia", "Australia", "Austria")
| |
| | |
| Function setInput()
| |
| $("#ipSymbol").jqxInput({ placeHolder: "Enter a country.", minLength: 2, source: countries, items: 6 });
| |
| End Function
| |
| | |
| </pre> | |
| | |
| == Example (JavaScript) == | |
| | |
| <pre>
| |
| var countries; | | var countries; |
| countries = new Array("Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Antarctica", _ | | countries = new Array("Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Antarctica", _ |
Line 33: |
Line 22: |
| $("#ipSymbol").jqxInput({ placeHolder: "Enter a country.", minLength: 2, source: countries, items: 6 }); | | $("#ipSymbol").jqxInput({ placeHolder: "Enter a country.", minLength: 2, source: countries, items: 6 }); |
| } | | } |
| | </syntaxhighlight> |
| | |-| |
| | BASIC= |
| | <syntaxhighlight lang="vb.net"> |
| | Dim countries |
| | countries = Array("Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Antarctica", _ |
| | "Antigua and Barbuda", "Argentina", "Armenia", "Australia", "Austria") |
|
| |
|
| </pre> | | Function setInput() |
| | $("#ipSymbol").jqxInput({ placeHolder: "Enter a country.", minLength: 2, source: countries, items: 6 }); |
| | End Function |
| | </syntaxhighlight> |
| | </tabber> |
|
| |
|
| == Output == | | == Output == |
Description
The Input widget provides suggestions while you type into the field. The datasource is a simple array, provided to the control using the "source" property.
jqWidgets is a commercial product, which depending on how you use it, requires a license fee. Complete details are on jqWidget's website. The product is well supported.
Properties and Methods
This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/.
Example
var countries;
countries = new Array("Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Antarctica", _
"Antigua and Barbuda", "Argentina", "Armenia", "Australia", "Austria");
function setInput() {
$("#ipSymbol").jqxInput({ placeHolder: "Enter a country.", minLength: 2, source: countries, items: 6 });
}
Dim countries
countries = Array("Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Antarctica", _
"Antigua and Barbuda", "Argentina", "Armenia", "Australia", "Austria")
Function setInput()
$("#ipSymbol").jqxInput({ placeHolder: "Enter a country.", minLength: 2, source: countries, items: 6 });
End Function
Output
See above.