populate value dynamically in select.

Webix JS
#1

I am using select view inside toolbar,I want to populate value dynamically inside select view.can you give some sample for this.

#2

You can redefine options collection at any time.

$$("select").define("options", [ array of new options ]);
$$("select").refresh();
#3

Okay… you do…

$$(“select”).define(“options”, [ array of new options ]);
$$(“select”).refresh();

…and select is populated, but the problem is the first option value is selected, but I want another option to be selected!

#4

You can set the initial value as well as new options, e.g.

$$("select").define({
    options : [ array of new options ],
    value : value_id
});
$$("select").refresh();
//or 
$$("select").setValue(value_id) 
//instead of defining the selected value
#5

Here is how to load data from server and then preselect the first loaded item:
https://webix.com/snippet/a4fcbce6

#6

( wrong answer)

#7

https://webix.com/snippet/702c791b
https://docs.webix.com/api__link__ui.list_load.html

#8

To make things clear, the solution with $$("select").define is valid only for HTML-based ui.select.
Both suggest-based ui.combo and ui.richselect contain the Webix list inside and therefore support .getList().load() and .getList().parse() methods for data loading.

#9

how do I clear or empty a suggest list prior to parse()? Each time I call parse() to add items, they seem to append to the list and not reset the list.

#10

Hello, @abarylski

To clear items from the component, please, use clearAll method

#11

thank you