Qml解析json

2023-03-17 14:35:24 浏览数 (3)

❝将JSON数据(文件)解析到ListView中。❞

特性

  • 与XMLListModel匹配的API,易于使用。
  • 基于文件和基于字符串的数据。
  • JSON元素属性中的自动模型角色。
  • 使用JSONPath和JSON的XPath处理复杂的JSON文档(http://goessner.net/articles/JsonPath/)。
  • 高级查询和过滤表达式。

使用例子

  加载json文本到ListView中。

代码语言:javascript复制
ListView {
    width: parent.width
    height: 100

    JSONListModel {
        id: jsonModel
        json: '[ 
        {"label": "Answer", "value": "42"}, 
        {"label": "Pastis", "value": "51"}, 
        {"label": "Alsace", "value": "67"}, 
        {"label": "Alsace", "value": "68"} 
        ]'

        query: "$[?(@.label.charAt(0)==='A')]"
    }
    model: jsonModel.model

    delegate: Component {
        Text {
            width: parent.width
            horizontalAlignment: Text.AlignLeft
            font.pixelSize: 14
            color: "black"
            text: model.label
        }
    }
}

源码下载 https://github.com/kromain/qml-utils

1 人点赞