JqxInput: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
JwellsNB (talk | contribs)
Add javascript snippet
Line 9: Line 9:
http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxinput/jquery-input-getting-started.htm
http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxinput/jquery-input-getting-started.htm


== Example ==
== Example (Basic) ==


<pre>
<pre>
Line 19: Line 19:
   $("#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
</pre>
== 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>
</pre>

Revision as of 22:55, 27 May 2013

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.

Properties and Methods

See the complete documentation at jqWidget's site: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxinput/jquery-input-getting-started.htm

Example (Basic)

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

Example (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 });
}

Output

See above.