Привязать данные JSON к выпадающему списку в Webix

Question

У меня есть один API, который возвращает данные JSON. Я хочу связать "id" и "first_name" в представлении выпадающего списка с помощью Webix? Подскажите пожалуйста как связать данные?

Ниже мой код и пример данных JSON.

webix.ajax("https://reqres.in/api/users", function (text, data) {

                                    webix.message(text.json()); //verify data
                                        });

Образец данных JSON. {"page": 1, "per_page": 3, "total": 12, "total_pages": 4, "data": [{"id": 1, "first_name": "George", "last_name": " Bluth "," avatar ":" https://s3.amazonaws.com/uifaces/faces/twitter/calebogden/128.jpg"}, {" id ": 2," first_name ":" Janet "," last_name ": "Ткач", "аватар": " https://s3.amazonaws.com/uifaces/faces/twitter/josephstein/128.jpg"}, {"id": 3, "first_name": "Emma", " last_name ":" Wong "," avatar ":" https://s3.amazonaws.com/uifaces/faces/twitter/olegpogodaev/128.jpg"}]}

Answer 1

Вы можете загрузить данные как

var data = webix.ajax("https://reqres.in/api/users");

и позже использовать его в комбо | richselect

webix.ui({ view:"combo", options:{ data: data }})

Поскольку ваши данные не имеют свойства "value", вам необходимо определить, какие значения отображать в элементе управления, это можно сделать следующим образом.

view:"combo", options:{
body:{
    data:data,
    scheme:{
        $init: obj => {
            obj.value = obj.first_name +" "+ obj.last_name
        }
    }
}
}

https://snippet.webix.com/33t0xbnz