JqxDropDownList: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Created page with "File:Jqxdropdownlist.png Category:Language Reference Category:jqWidgets Category:Controls The jqxDropDownList control contains a list of selectable items d..."
 
 
(2 intermediate revisions by the same user not shown)
Line 7: Line 7:
[[Category:Controls]]
[[Category:Controls]]


The jqxDropDownList control contains a list of selectable items displayed in a drop-down. Users can enter information in the text box portion and search for a specific item. The widget comes with built-in auto-complete support. It performs exceptionally well with thousands of items and supports keyboard navigation and rich list items visualization.  
The jqxDropDownList represents a jQuery widget that contains a list of selectable items displayed in a drop-down.  


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/.
Line 19: Line 19:
End Sub
End Sub


Function DropDownList2_oncheckChange(event)
Function DropDownList2_onselect(event)
   MsgBox event.args.value
   NSB.MsgBox event.args.item.index + " " + event.args.item.value
End Function
End Function


Line 31: Line 31:
}
}


DropDownList2.oncheckChange = function(event) {
DropDownList2.onselect = function(event) {
    NSB.MsgBox(event.args.value);
  NSB.MsgBox(event.args.item.index + " " + event.args.item.value);
};</pre>
};
</pre>

Latest revision as of 20:07, 3 August 2023

The jqxDropDownList represents a jQuery widget that contains a list of selectable items displayed in a drop-down.

This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/.

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.

Examples (BASIC)

Sub Main()
  $("#DropDownList2").jqxDropDownList("selectItem", "two")
End Sub

Function DropDownList2_onselect(event)
  NSB.MsgBox event.args.item.index + " " + event.args.item.value
End Function

Examples (JavaScript)

function Main() {
    $("#DropDownList2").jqxDropDownList("selectItem", "two");
}

DropDownList2.onselect = function(event) {
  NSB.MsgBox(event.args.item.index + " " + event.args.item.value);
};