jqWidgets Dropdownlist sample project

1

Is there a sample project that better shows how the jqWidgets Dropdownlist control is populated, how what the user chooses is obtained (by the code), etc? The sample in my Appstudio does not really show that. Thanks

2

Sure! Here is some sample code. You can paste it into the Chrome Console to test it:

var source = [
    "Instant coffee",
    "Irish coffee",
    "Liqueur coffee"
];
// Create a jqxDropDownList
$("#DropDownList1").jqxDropDownList({ source: source});

There is more documentation here.

3

That is helpful. I looked at the documentation but I think much of the HTML, CSS, JS is a duplicate of what Appstudio does with having a control. For example, I put the sources in the Source property of the control. I think the line of code above that starts with $(“#DropDownList1”)… is what is done in Appstudio by dragging the dropdownlist onto the form, and putting the values in the ‘source’ property, right?

So I am not clear on how to divide the items in the dropdown into categories.
Second, can the user pick an item from each category? Is this processed as separate onclicks?
Third, how does one ‘get’ the text chosen by the user in each category for processing?

It would be nice to see an Appstudio example that does this. Is that possible? Thanks -

4

These questions aren’t really to do with AppStudio. jqWidgets is a well engineered set of controls, with great documentation and support. We have used them ourselves in some projects, but are not the developers and are hardly experts.

DropDownList has its own forum which is moderated by the jqWidgets people.