qml - 黑莓 10 级联 : How do I load data into a DropDown?

Question

我已经设法将数据从远程 Json Web 服务加载到 QML ListView 中，但是 DropDown 控件似乎没有这样的东西。

有人有示例或替代方法来完成绑定(bind)到 Cascades 中的 attachedObjects 数据源的 DropDown 吗？

Answer 1

我有一个替代方法给你，请注意我在这里使用谷歌的网络服务用于演示目的，你需要用你的 url 替换它并根据它解析响应。

import bb.cascades 1.0

Page {
    attachedObjects: [
        ComponentDefinition {
            id: optionControlDefinition
            Option {
            }
        }
    ]
    function getData() {
        var request = new XMLHttpRequest()
        request.onreadystatechange = function() {
            if (request.readyState == 4) {
                var response = request.responseText
                response = JSON.parse(response)
                var addressComponents = response.results[0].address_components
                for (var i = 0; i < addressComponents.length; i ++) {
                    var option = optionControlDefinition.createObject();
                    option.text = addressComponents[i].long_name
                    dropDown.add(option)
                }
            }
        }

        // I have used goole's web service url, you can replace with your url
        request.open("GET", "http://maps.googleapis.com/maps/api/geocode/json?address=" + "Ahmedabad" + "&sensor=false", true)
        request.send()
    }
    Container {
        DropDown {
            id: dropDown
        }
        Button {
            onClicked: getData()
        }
    }
}

希望这对您有所帮助。