|
|
(One intermediate revision by the same user not shown) |
Line 8: |
Line 8: |
| == Properties and Methods == | | == Properties and Methods == |
|
| |
|
| See the complete documentation at jqWidget's site:
| | This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/. |
| http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxinput/jquery-input-getting-started.htm | |
|
| |
|
| == 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 34: |
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.