JqxInput: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
JwellsNB (talk | contribs)
Add javascript snippet
No edit summary
 
(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 ==

Latest revision as of 16:32, 24 July 2019

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.