Question

我有一个返回json数据的API。我想绑定＆＃34; id＆＃34;和＆＃34; first_name＆＃34;在使用Webix的下拉列表视图中？请建议我如何绑定数据？

以下是我的代码和json示例数据。

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

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

示例json数据。 {＆＃34;页面＆＃34;：1，＆＃34; per_page＆＃34;：3，＆＃34;总＆＃34;：12，＆＃34; TOTAL_PAGES＆＃34：4，＆＃34;数据＆＃34;：[{＆＃34;的 ID ＆＃34;：1，＆＃34;的如first_name ＆＃34;：＆＃34;乔治＆＃34; ＆＃34;姓氏＆＃34;：＆＃34;唐博涛＆＃34;＆＃34;化身＆＃34;：＆＃34; https://s3.amazonaws.com/uifaces/faces/twitter/calebogden/128.jpg＆＃34;}， {＆＃34; ID＆＃34;：2＆＃34;如first_name＆＃34;：＆＃34;珍＆＃34;＆＃34;姓氏＆＃34;：＆＃34;韦弗＆＃34;＆＃ 34;化身＆＃34;：＆＃34; https://s3.amazonaws.com/uifaces/faces/twitter/josephstein/128.jpg＆＃34;}，{＆＃34; ID＆＃34;：3，＆＃34;如first_name＆＃34;：＆＃34;艾玛＆＃34 ;，＆＃34;姓氏＆＃34;：＆＃34;皇＆＃34;＆＃34;化身＆＃34;：＆＃34; https://s3.amazonaws.com/uifaces/faces/twitter/olegpogodaev/128.jpg＆＃34;}]}

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

将json数据绑定到Webix中的下拉列表

1 个答案: