|
|
(3 intermediate revisions by 2 users not shown) |
Line 3: |
Line 3: |
| == Description == | | == 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. | | 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 == | | == 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> |
| | JavaScript= |
| | <syntaxhighlight lang="JavaScript"> |
| | 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 }); |
| | } |
| | </syntaxhighlight> |
| | |-| |
| | BASIC= |
| | <syntaxhighlight lang="vb.net"> |
| Dim countries | | Dim countries |
| countries = Array("Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Antarctica", _ | | countries = Array("Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Antarctica", _ |
Line 19: |
Line 33: |
| $("#ipSymbol").jqxInput({ placeHolder: "Enter a country.", minLength: 2, source: countries, items: 6 }); | | $("#ipSymbol").jqxInput({ placeHolder: "Enter a country.", minLength: 2, source: countries, items: 6 }); |
| End Function | | End Function |
| | | </syntaxhighlight> |
| </pre> | | </tabber> |
| | |
| == Example (JavaScript) ==
| |
| | |
| <pre>
| |
| 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 });
| |
| }
| |
| | |
| </pre> | |
|
| |
|
| == 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.