[QML][Json] QML下Json操作扩展(增删查改)

最新推荐文章于 2024-06-10 10:03:51 发布
最新推荐文章于 2024-06-10 10:03:51 发布
阅读量1k 收藏 6
点赞数
分类专栏： Qt Quick 随记 文章标签： qt qml json js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fgc_sha/article/details/119565861
版权

QML下Json操作扩展(增删查改)

具体代码实现如下链接:

https://github.com/Asa-gc/SUTL/blob/main/src/qml/func/MyJson/MyJson.js

QML里的json相关操作只能对子对象进行操作,无法对子对象的子对象进行直接操作,故想写几个函数可以直接对其进行操作

  • 辅助函数,补充 qml typeof() 对数组和对象都返回 object的问题

    function typeObj(obj){
      var type=Object.prototype.toString.call(obj);
      if(type==="[object Array]"){
        return "array"
      }else if(type==="[object Object]"){
        return "object"
      }else{
        return typeof(obj)
      }
}

  • 一.查找操作

    其它操作基本都会需要用到该操作,故先行实现.

    1.需求点:

    • 1.1各种类型的查找
      • 1.2.1对象.
      • 1.2.2对象的值
      • 1.2.3数组.
      • 1.2.4数组索引下的值,
    • 1.2 可实现多级查找
    • 1.3 数组里对象的查找

    2.实现

    • 2.1 function findMemberValue(_json,_key,_index)

      查找第一个碰到的符合要求的值.

      _json 为需要操作的json对象

      _key 为查找的键值

      _index用于当键为_key的元素为数组时,取得数组内对应索引的值,可省略,省略时直接返回整个数组.

      function findMemberValue(_json,_key,_index){
    if(typeObj(_json)!=="object"&&typeObj(_json)!=="array"){
        console.log("_json is not json object or array!")
        return
    }
    if(_key===undefined){
        console.log("_key undefined!")
        return}
    var index=Object.keys(_json).indexOf(_key.toString())
    if(index>=0){//找到
        if(_index!==undefined){
            return Object.values(_json)[index][_index]
        }
        return Object.values(_json)[index]
    }
    var valuelist=Object.values(_json)
//    console.log(valuelist)
    var res=undefined
    for(let ov in valuelist){
//        console.log(typeObj(valuelist[ov]),valuelist[ov])
        if(typeObj(valuelist[ov])==="object"||
                typeObj(valuelist[ov])==="array"){
            res= findMemberValue(valuelist[ov],_key,_index)
            if(res!==undefined){
                return res
            }
        }
    }
    return
}

    • 2.2 function findMemberValueEx(_json,_conditions,_index)

      根据条件值查找对应的值

      _json 为需要操作的json对象

      _conditions为查找的条件值数组或单个key.单个key时,和2.1等同;数组时,会按照条件递归的查找对象,返回对应的值,逻辑为,把_conditions[0]作为_key查找符合的对象,在该对象上使用_conditions[1]作为_key再次查找,依次类推,直到找到符合整个_conditions的对象.

      _index用于当键为_key的元素为数组时,取得数组内对应索引的值,可省略,省略时直接返回整个数组.

      function findMemberValueEx(_json,_conditions,_index){
    if(typeObj(_json)!=="object"&&typeObj(_json)!=="array"){
        console.log("Ex _json is not json object or array!")
        return
    }
    var tobj=_json;
    if(typeObj(_conditions)==="object"||typeObj(_conditions)==="array"){
        for(let i in _conditions){
            tobj=findMemberValue(tobj,_conditions[i.toString()])
            if(tobj===undefined){
                return
            }
        }
    }else{
         tobj=findMemberValue(tobj,_conditions)
    }
    if(_index!==undefined){
        tobj=tobj[_index]
    }
    return tobj
}

  • 二.修改操作

    基于查找的逻辑,找到对应的值进行修改

    1.需求点:

    • 1.1各种类型的修改
      • 1.2.1对象.
      • 1.2.2对象的值
      • 1.2.3数组.
      • 1.2.4数组索引下的值,
    • 1.2 可实现多级修改
    • 1.3 数组里对象的修改

    2.实现

    • 2.1 function setMemberValue(_json,_key,_value,_index)

      查找第一个碰到的符合要求的对象,并修改其值

      _json 为需要操作的json对象

      _key 为需要修改对象的键值

      _value 为修改值

      _index用于当键为_key的元素为数组时,取得数组内对应索引的值,可省略,省略时直接修改整个数组.

      function setMemberValue(_json,_key,_value,_index){
    if(typeObj(_json)!=="object"&&typeObj(_json)!=="array"){
        console.log("_json is not json object or array!")
        return undefined
    }
    var index=Object.keys(_json).indexOf(_key.toString())
//    console.log(_key ,index)
    var tindex=Object.keys(_json).indexOf(_key)
//    console.log(_key ,tindex)
    if(_key===undefined){return undefined}
    if(index>=0){//找到
        if(_index!==undefined){
            _json[_key][_index]=_value
            return 1
        }
        _json[_key]=_value
        return 2
    }
    var valuelist=Object.values(_json)
//    console.log(valuelist)
    var res=undefined
    for(let ov in valuelist){
//        console.log(typeObj(valuelist[ov]),valuelist[ov])
        if(typeObj(valuelist[ov])==="object"||
                typeObj(valuelist[ov])==="array"){
            res= setMemberValue(valuelist[ov],_key,_value,_index)
            if(res!==undefined){
               return res
            }
        }
    }
    return undefined
}

    • 2.2 function setMemberValueEx(_json,_key,_value,_conditions,_index)

      根据条件值查找需要修改的对象,修改其值

      _json 为需要操作的json对象

      _key 为需要修改对象的键值

      _value 为修改值

      _conditions为查找的条件值数组或单个key.单个key时,和2.1等同;数组时,会按照条件递归的查找对象,返回对应的值,逻辑为,把_conditions[0]作为_key查找符合的对象,在该对象上使用_conditions[1]作为_key再次查找,依次类推,直到找到符合整个_conditions的对象.

      PS:根据 _conditions 查找到的值必须是对象或者数组,才可以,原因是qml里不同数据类型有不同传值方式,对象和数组是引用传递,可实现修改原json对象,如果是string,number一类的,修改不会在原json对象生效.

      _index用于当键为_key的元素为数组时,取得数组内对应索引的值,可省略,省略时直接返回整个数组.

      function setMemberValueEx(_json,_key,_value,_conditions,_index){
    if(typeObj(_json)!=="object"&&typeObj(_json)!=="array"){
        console.log("_json is not json object or array!")
        return
    }
    var tobj=_json;
    if(_conditions !==undefined){
        tobj=findMemberValueEx(tobj,_conditions)
        if(typeObj(tobj)!=="object"&&typeObj(tobj)!=="array"){
            console.log("tobj is not json object or array!")
            return
        }
    }
//    console.log(tobj,_key,_value,_index)
    return setMemberValue(tobj,_key,_value,_index)
}

  • 三.增加操作

    基于查找的逻辑,找到对应的对象,并为其增加新项

    1.需求点:

    • 1.1各种类型的增加
      • 1.2.1对象.
      • 1.2.2对象的值
      • 1.2.3数组.
      • 1.2.4数组索引下的值,
    • 1.2 可实现多级增加
    • 1.3 数组里对象的增加

    2.实现

    • 2.1 function addMemberValue(_json,_parent,_key,_value)

      查找第一个找到的符合要求的对象,并为其添加新项,该对象须为对象或数组.

      _json 为需要操作的json对象

      _parent 为增加对象的键值

      _key 为增加对象的键值.当parent为数组时该值被忽略

      _value 为增加对象的值

      function addMemberValue(_json,_parent,_key,_value){
    if(typeObj(_json)!=="object"&&typeObj(_json)!=="array"){
        console.log("_json is not json object or array!")
        return undefined
    }
    if(_key===undefined){return undefined}
    if(_parent===undefined||_parent===""){
        _json[_key]=_value;
        return 1;
    }

    var index=Object.keys(_json).indexOf(_parent.toString())
    if(index>=0){//找到
        if(typeObj(_json[_parent])==="array"){//数组
            _json[_parent].push(_value)
            return 1
        }
        //对象
        _json[_parent][_key]=_value
        return 2
    }
    var valuelist=Object.values(_json)
//    console.log(valuelist)
    var res=undefined
    for(let ov in valuelist){
//        console.log(typeObj(valuelist[ov]),valuelist[ov])
        if(typeObj(valuelist[ov])==="object"||
                typeObj(valuelist[ov])==="array"){
            res= addMemberValue(valuelist[ov],_parent,_key,_value)
            if(res!==undefined){
                return res
            }
        }
    }
    return undefined
}

    • 2.2 function addMemberValueEx(_json,_parent,_key,_value,_conditions)

      根据条件值查找对象,并为其添加新项,该对象须为对象或数组.为数组新增项时,总是添加到最后

      _json 为需要操作的json对象

      _parent 为增加对象的键值

      _key 为增加对象的键值.当parent为数组时该值被忽略

      _value 为增加对象的值

      _conditions为查找的条件值数组或单个key.单个key时,和2.1等同;数组时,会按照条件递归的查找对象,返回对应的值,逻辑为,把_conditions[0]作为_key查找符合的对象,在该对象上使用_conditions[1]作为_key再次查找,依次类推,直到找到符合整个_conditions的对象.

      PS:根据 _conditions 查找到的值必须是对象或者数组,才可以,原因是qml里不同数据类型有不同传值方式,对象和数组是引用传递,可实现修改原json对象,如果是string,number一类的,修改不会在原json对象生效.

      function addMemberValueEx(_json,_parent,_key,_value,_conditions){
    if(typeObj(_json)!=="object"&&typeObj(_json)!=="array"){
        console.log("_json is not json object or array!")
        return
    }
    var tobj=_json;
    var ret=undefined
    if(_conditions !==undefined){
        tobj=findMemberValueEx(tobj,_conditions)
        if(typeObj(tobj)!=="object"&&typeObj(tobj)!=="array"){
            return
        }
    }
    return addMemberValue(tobj,_parent,_key,_value)
}

  • 四.删除操作

    基于查找的逻辑,找到对应的对象并删除

    1.需求点:

    • 1.1各种类型的删除
      • 1.2.1对象.
      • 1.2.2对象的值
      • 1.2.3数组.
      • 1.2.4数组索引下的值,
    • 1.2 可实现多级删除
    • 1.3 数组里对象的删除

    2.实现

    • 2.1 function removeMemberValue(_json,_key,_index)

      查找第一个碰到的符合要求的对象,并删除

      _json 为需要操作的json对象

      _key 为需要删除对象的键值

      _index用于当键为_key的元素为数组时删除数组内对应索引的值,可省略,省略时直接删除整个数组.

      function removeMemberValue(_json,_key,_index){
    if(typeObj(_json)!=="object"&&typeObj(_json)!=="array"){
        console.log("_json is not json object or array!")
        return undefined
    }
    if(_key===undefined){return undefined}
    var index=Object.keys(_json).indexOf(_key.toString())
    if(index>=0){//找到
        if(_index!==undefined){
            _json[_key][_index]=undefined
            if(typeObj(_json[_key])==="array"){
                _json[_key].splice(_index,1)
            }
            return 1
        }
        _json[_key]=undefined
        return 2
    }
    var valuelist=Object.values(_json)
//    console.log(valuelist)
    var res=undefined
    for(let ov in valuelist){
//        console.log(typeObj(valuelist[ov]),valuelist[ov])
        if(typeObj(valuelist[ov])==="object"||
                typeObj(valuelist[ov])==="array"){
            res= removeMemberValue(valuelist[ov],_key,_index)
            if(res!==undefined){
               return res
            }
        }
    }
    return undefined
}

    • 2.2 function removeMemberValueEx(_json,_key,_conditions,_index)

      根据条件值查找需要删除的对象并删除

      _json 为需要操作的json对象

      _key 为需要删除对象的键值

      _conditions为查找的条件值数组或单个key.单个key时,和2.1等同;数组时,会按照条件递归的查找对象,返回对应的值,逻辑为,把_conditions[0]作为_key查找符合的对象,在该对象上使用_conditions[1]作为_key再次查找,依次类推,直到找到符合整个_conditions的对象.

      PS:根据 _conditions 查找到的值必须是对象或者数组,才可以,原因是qml里不同数据类型有不同传值方式,对象和数组是引用传递,可实现修改原json对象,如果是string,number一类的,修改不会在原json对象生效.

      _index用于当键为_key的元素为数组时,删除数组内对应索引的值,可省略,省略时直接删除整个数组.

      function removeMemberValueEx(_json,_key,_conditions,_index){
    if(typeObj(_json)!=="object"&&typeObj(_json)!=="array"){
        console.log("_json is not json object or array!")
        return
    }
    var tobj=_json;
    if(_conditions !==undefined){
        tobj=findMemberValueEx(tobj,_conditions)
//        console.log(tobj)
        if(typeObj(tobj)!=="object"&&typeObj(tobj)!=="array"){
            return
        }
    }
    return removeMemberValue(tobj,_key,_index)
}

  • 五.test

    function testMyJson(){
    var json ={
        "a0":0,
        "b0":{"a1":1},
        "c0":{"b1":{"a2":2,"b2":3},"c1":4},
        "d0":{"b1":{"a2":12,"b2":13},"c1":14},
        "e0":[0,1,2,3,4],
        "f0":{"e1":[0,1,2,3,4],"f1":4},
        "g0":{"g1":[[0,1,2,3,4],
                    [10,11,12,13,14],
                    [20,21,22,23,24],
                    [30,31,32,33,34],
                    [40,41,42,43,44]
                   ],"f1":4},
        "h0":{"h1":[{"c2":0,"d2":1},
                    {"c2":10,"d2":11},
                    {"c2":20,"d2":21},
                    {"c2":30,"d2":31},]},
    }
    console.log(JSON.stringify(json))

    console.log("*******************************")
    console.log(">>>>>Find MemBer Value<<<<<")
    console.log("findMemberValue(a0):" ,findMemberValue(json,"a0"));
    console.log("findMemberValue(b2):" ,findMemberValue(json,"b2"));
    console.log("findMemberValueEx(d0->b2):" ,findMemberValueEx(json,["d0","b2"]));
    console.log("findMemberValue(e0[3]):" ,findMemberValue(json,"e0",3));
    console.log("findMemberValue(e1[3]):" ,findMemberValue(json,"e1",3));
    console.log("findMemberValueEx(g1[3][2])1:" ,findMemberValueEx(json,["g1",3],2));
    console.log("findMemberValueEx(g1[3][2])2:" ,findMemberValueEx(json,["g1",3,2]));
    console.log("findMemberValue(d2):" ,findMemberValue(json,"d2"));
    console.log("findMemberValueEx(h1[1]->d2):" ,findMemberValueEx(json,["h1",1,"d2"]));

    console.log("*******************************")
    console.log(">>>>>Set MemBer Value<<<<<")
    console.log("setMemberValue(a0) res:" ,setMemberValue(json,"a0",111));
    console.log("setMemberValue(a0) json:" ,JSON.stringify(json));
    console.log("setMemberValue(b2):" ,setMemberValue(json,"b2",111));
    console.log("setMemberValue(b2) json:" ,JSON.stringify(json));
    console.log("setMemberValueEx(d0->b2):" ,setMemberValueEx(json,"b2",111,["d0"]));
    console.log("setMemberValueEx(d0->b2) json:" ,JSON.stringify(json));
    console.log("setMemberValue(e0[3]):" ,setMemberValue(json,"e0",111,3));
    console.log("setMemberValue(e0[3]) json:" ,JSON.stringify(json));
    console.log("setMemberValue(e1[3]):" ,setMemberValue(json,"e1",111,3));
    console.log("setMemberValue(e1[3]) json:" ,JSON.stringify(json));
    console.log("setMemberValueEx(e1[3]):" ,setMemberValueEx(json,"e1",222,null,3));
    console.log("setMemberValueEx(e1[3]) json:" ,JSON.stringify(json));
    console.log("setMemberValueEx(g1[3][2])):" ,setMemberValueEx(json,2,111,["g1",3]));
    console.log("setMemberValueEx(g1[3][2])) json:" ,JSON.stringify(json));
    console.log("setMemberValue(d2):" ,setMemberValue(json,"d2",111));
    console.log("setMemberValue(d2) json:" ,JSON.stringify(json));
    console.log("setMemberValueEx(h1[1]->d2):" ,setMemberValueEx(json,"d2",111,["h1",2]));
    console.log("setMemberValueEx(h1[1]->d2)) json:" ,JSON.stringify(json));

    console.log("*******************************")
    console.log(">>>>>Add MemBer Value<<<<<")
    console.log("addMemberValue() res:" ,addMemberValue(json,"","z1",666));
    console.log("addMemberValue() json:" ,JSON.stringify(json));
    console.log("addMemberValue(b1) res:" ,addMemberValue(json,"b1","z1",666));
    console.log("addMemberValue(b1) json:" ,JSON.stringify(json));
    console.log("addMemberValueEx(d0->b1) res:" ,addMemberValueEx(json,"b1","z1",666,["d0"]));
    console.log("addMemberValueEx(d0->b1) json:" ,JSON.stringify(json));
    console.log("addMemberValue(e0) res:" ,addMemberValue(json,"e0","z1",666));
    console.log("addMemberValue(e0) json:" ,JSON.stringify(json));
    console.log("addMemberValue(e1) res:" ,addMemberValue(json,"e1","z1",666));
    console.log("addMemberValue(e1) json:" ,JSON.stringify(json));
    console.log("addMemberValueEx(g1[3]) res:" ,addMemberValueEx(json,3,"z1",666,["g1"]));
    console.log("addMemberValueEx(g1[3]) json:" ,JSON.stringify(json));
    console.log("addMemberValueEx(h1[2])1 res:" ,addMemberValueEx(json,2,"z1",666,["h1"]));
    console.log("addMemberValueEx(h1[2])1 json:" ,JSON.stringify(json));
    console.log("addMemberValueEx(h1[2])2 res:" ,addMemberValueEx(json,"","z1",666,["h1",2]));
    console.log("addMemberValueEx(h1[2])2 json:" ,JSON.stringify(json));

    console.log("*******************************")
    console.log(">>>>>Remove MemBer Value<<<<<")
    console.log("removeMemberValue() res:" ,removeMemberValue(json,"z1"));
    console.log("removeMemberValue() json:" ,JSON.stringify(json));
    console.log("removeMemberValueEx(d0->z1) res:" ,removeMemberValueEx(json,"z1",["d0"]));
    console.log("removeMemberValueEx(d0->z1) json:" ,JSON.stringify(json));
    console.log("removeMemberValue(e0[5]) res:" ,removeMemberValue(json,"e0",5));
    console.log("removeMemberValue(e0[5]) json:" ,JSON.stringify(json));
    console.log("removeMemberValue(e1[5]) res:" ,removeMemberValue(json,"e1",5));
    console.log("removeMemberValue(e1[5]) json:" ,JSON.stringify(json));
    console.log("removeMemberValueEx(g1[3][5]) res:" ,removeMemberValueEx(json,3,["g1"],5));
    console.log("removeMemberValueEx(g1[3][5]) json:" ,JSON.stringify(json));
    console.log("removeMemberValueEx(h1[2]->z1) res:" ,removeMemberValueEx(json,"z1",["h1",2]));
    console.log("removeMemberValueEx(h1[2]->z1) json:" ,JSON.stringify(json));

}
具体代码文件如下链接:

https://github.com/Asa-gc/SUTL/blob/main/src/qml/func/MyJson/MyJson.js

Asa_gc
关注
专栏目录
qml解析json
weivo的博客
06-15 2284
qt与qml的数据交互可以使用json包来传递，并且qml在解析json包的时候非常方便
qml 获取html中的参数,qml 读取json
weixin_40000702的博客
06-09 757
首页 >> qml 读取jsonqml 读取jsonQt读取JSON和XML数据 —核心网络Qt读取JSON和XML数据 ,深度IT技术，移动开发,Web前端,企业架构,编程语言,互联网,数据库,系统运维,云计算,研发管理 ... Other QML&JSON ...用QML开发Android APP(一) - JK - SegmentFault混合使用C++和QML 我们使...
[QML][Json] QML下Json增删查改
fgc_sha的博客
08-05 3321
QML—JSON相关 Qml下,提供了JSON对象,以帮助完成json对象的生成和字符串化. 一.Json对象的生成 1.从字符串解析，借助函数 JSON.parse(text[, reviver]) 1.1 参数 text为需要解析的字符串 reviver 为可选的函数参数,parse在解析时为,每一个对象掉用该函数. 1.2 只传入text调用 var jsonStr="{\"k1\":\"v1\",\"k2\":\"v2\",\"o2\":{\"ok1\":\"ov1\"},\"ak1\":
qml 文件中 JSON的使用
一个老菜鸟的学习分享
04-12 1730
qml 文件代码中少不了使用JSON对象来处理各种字符串或者Json对象，本文简单总结下JSON的常用功能常用的方法基本就这些。
QML对JSON处理
于大博
05-13 5784
// JSON字符串序列化 var data = { "name": "yudabo" }; var json = JSON.stringify(data); console.log(json); // 解析JSON字符串 var string = JSON.parse(data); console.log(string);
QML中展示json数据(从c++传递的值)
量化窝
08-25 8753
1.前言 最近在搞qml，从服务器上获取一段json数据，本想直接传送至qml中展示，无奈，qt的官方文档中没有关于json如何在listview/listmodel中展示的示例代码。 从网上看到jsonmodel的第三方模块，但是觉得挺麻烦的，后来找到一种新的解法，下面写出来。 2.JSON代码从c++传至qml中 main.cpp #include #include #includ
QML JSON 展示
weixin_30498921的博客
05-06 332
1 import QtQuick 1.0 2 3 Rectangle { 4 width: 600 5 height: 400 6 7 Rectangle { 8 id: topInput 9 height: 20; width: parent.width;10 anchors.top: parent.top;z:2...
qml 实现Json可视化，头脑风暴
03-19
在本主题中，我们将深入探讨如何使用QML实现JSON数据的可视化，帮助开发者更直观地理解和操作JSON数据。 首先，我们需要了解QML的基本概念。QML是一种声明式的语言，它的主要目的是定义用户界面和交互逻辑。通过...
json-to-go:JSON-to-Go，但作为桌面GUI应用程序。 使用Go + QML构建
03-09
JSON去 由创建的的端口，旨在用作演示。 使用此应用程序，您可以立即将JSON转换为Go类型定义。 您可以在页面中下载预编译的二进制文件。 如何建造 在构建此应用程序之前，请确保已在上qamel 。 如果已经安装，请执行...
qt编程 json+qml生成树界面
10-31
在本文中，我们将深入探讨如何使用Qt框架，特别是QML（Qt Meta Language）结合JSON数据来生成树形界面。Qt是一个强大的跨平台应用程序开发框架，而QML是Qt中的一个高级用户界面描述语言，用于创建丰富的图形用户界面...
qt qml ajax 获取 json 天气数据示例
12-18
此示例演示了用 Qt QML 用 ajax 方式获取 json 天气数据，并展示效果 MIT surfsky.cnblogs.com
全国省市区JSON,包含parentid
09-27
树形结构,包含parentid,可直接传入ui组件显示 { "value": "120000", "label": "天津", "children": [ { "value": "120100", "label": "市辖区", "parentid": "120000", "children": [ { "value": "120101", "label": "和平区", "parentid": "120100" }, { "value": "120102", "label": "河东区", "parentid": "120100" }, { "value": "120103", "label": "河西区", "parentid": "120100" },
探索QML领域的新宝藏——JSONListModel及其工具集
最新发布
gitblog_00073的博客
06-10 280
探索QML领域的新宝藏——JSONListModel及其工具集 qml-utilsA collection of QML utilities and snippets项目地址:https://gitcode.com/gh_mirrors/qm/qml-utils 在当今高度交互的界面设计中，Qt Quick（QML）以其简洁优雅的声明式语法，成为了开发富客户端应用的首选。而今天，我们要向您推荐一...
qml实现Json可视化（头脑风暴、思维导图）
一个老菜鸟的学习分享
03-19 3246
qml 实现Json可视化
如何在Qt C++中解析JSON数据并使之被QML应用
Elastic 中国社区官方博客
09-28 4685
在先前的文章＂如何在QML应用中设计一个C++ Model并使用它＂中，我们介绍了如何利用Qt C++创建一个QAbstractListModel，并是我们的C++数据能够在我们的QML应用中呈现．在今天的文章中，我们将继续探讨这个话题．我们将利用另外一种方法来实现同样的目的．在今天的例程中，我们将展示如何从网路得到数据，并解析数据，进而在我们的QML应用中展示得到的数据．这个例程可以作为一个标准的例程供以后我们需要使用Qt C++来作为数据的来源的时候使用．
诺基亚技术支持提供的 qml json 交互
hufeng825的专栏
08-09 1691
Json data 1 {"index":["all"],"flux":{"all":[{"data":{"title":"boris","icon":"icon.png"}]}} QM
在QML应用中使用JSONListModel来帮我们解析JSON数据
Elastic 中国社区官方博客
05-28 8015
在今天的这篇文章中，我来介绍一种类似想XmlListModel的方法来解析我们的JSON。这个模块叫做JSONListModel。
8.qml-ECMAScript(函数、JSON对象、url编解码)
抵抗时间扭曲，坚持做一件有意义的事
03-25 729
1.函数函数的基本语法如下: function functionName(arg0, arg1, ... argN) { } // function : 关键字 // functionName : 函数名 函数的注意事项如下: 在ECMAScript中,函数的参数和C++不一样,不需要声明变量类型,可以是对象,也可以是var变量,还可以是方法. 并且也可以不需要明确定义参数也能通过argu............
C++与QML间的JSON处理
dreamliweiming的博客
05-31 1020
QML和C++ 中JSON的传递
qml listmodel转json
05-24
你可以使用 `JSON.stringify()` 方法将 QML ListModel 转换为 JSON。这个方法可以将 JavaScript 对象转换为 JSON 字符串。 以下是一个示例代码： ```qml import QtQuick 2.0 import QtQuick.Window 2.0 import QtQuick.Controls 2.0 Window { visible: true width: 400 height: 400 ListModel { id: myModel ListElement { name: "John" age: 30 } ListElement { name: "Jane" age: 25 } ListElement { name: "Bob" age: 40 } } Button { text: "Convert to JSON" anchors.centerIn: parent onClicked: { var jsonString = JSON.stringify(myModel, null, 2) console.log(jsonString) } } } ``` 在这个例子中，我们创建了一个 ListModel 并填充了一些数据。然后，我们创建了一个按钮，在按钮的点击事件中使用 `JSON.stringify()` 方法将 ListModel 转换为 JSON 字符串，并打印出来。 需要注意的是，如果你的 ListModel 包含复杂类型的属性，如 Date 类型，那么 JSON.stringify() 可能无法正确地序列化这些属性。在这种情况下，你需要编写自定义的序列化函数来处理这些属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值