Radio buttons and images in horizontal scroll

Webix JS
1

Hello,

I’m trying to draw a radio button and an image corresponding to the radar button in a list that can be scrolled horizontally.

Also, radio buttons and images can be dynamically increased or decreased.

I tried to input the html tag as a string, but if I do this, it is not included in the form tag’s validate()

How can I dynamically add webix radio and images together with validate?

code snippet :
https://snippet.webix.com/b0ovjdto

2

@dangdang
try to use webix radio with formatted value in options
https://snippet.webix.com/fwgasewv

3

@integral
Hi!
It was helpful.
However, in the beginning option for radio is empty. If you select a product afterwards, the option must be dynamically added, but if the option attribute is not added initially, a script error occurs…

4

in the beginning option for radio is null
do you mean value? it can be set explicitly value:34

If you select a product afterwards, the option must be dynamically added
scenario is not clear. can you share a sample?

5

@intregal

It’s not exactly the same as what I’m trying to implement, but I’ve written some temporary code to implement it similarly. please note.
Thank you.

+) Uncomment options will work

https://snippet.webix.com/0ufmsyqf

6

ok, looks like you need dynamic options.
but radio does not support empty data.
as a workaround you can try to hide radio when it is empty and show when is not.
https://snippet.webix.com/7wecmp03
or try to use list with some tweaks instead of radio
https://snippet.webix.com/n5i94tst
if you want to use list within a form, then you need to create custom component with getValue / setValue or use forminput

7

@intregal
Oh, God.
There was a way, why didn’t I know… Thank you so much