`
mmdev
  • 浏览: 12932218 次
  • 性别: Icon_minigender_1
  • 来自: 大连
文章分类
社区版块
存档分类
最新评论

诺基亚技术支持提供的 qml json 交互

 
阅读更多

Json data

1
{"index":["all"],"flux":{"all":[{"data":{"title":"boris","icon":"icon.png"}]}}

QMLside : main.qml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
import QtQuick 1.0
import"parser.js"as JS
Item {
id:root
width: 360
height: 640
Component.onCompleted: JS.load()
ListModel { id:listModel }
ListView {
id:view
anchors.fill:parent
model : listModel
delegate: Rectangle {
width:parent.width
height:80
Text {
anchors.center:parent
text: title
}
}
}
}

javascript side : parser.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
function load() {
listModel.clear();
var xhr = newXMLHttpRequest();
xhr.open("GET","http://data.json",true);
xhr.onreadystatechange = function()
{
if( xhr.readyState == xhr.DONE)
{
if( xhr.status == 200)
{
var jsonObject = eval('('+ xhr.responseText + ')');
loaded(jsonObject)
}
}
}
xhr.send();
}
function loaded(jsonObject)
{
for( var index in jsonObject.flux.all )
{
listModel.append({
"title": jsonObject.flux.all[index].data["title"],
"icon": jsonObject.flux.all[index].data["icon"]});
}
// get directly the json object. Should work but not tested
//listModel.append({jsonObject.flux.all});
}
分享到：
| linux find命令的简单介绍
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    QML与C++交互QML与C++交互

    QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++...

    qml 实现Json可视化，头脑风暴

    1 qml 实现Json数据可视化。

    Widget与QML信息交互和控制实现跑马灯

    Widget与QML信息交互和控制实现跑马灯 效果： Widget与QML信息交互和控制实现跑马灯 1、渐变色彩的炫酷动画背景； 2、文字置顶，从左至右，循环跑马； 3、完整展示Widget与QML信息交互和控制，包括： 信号、槽、属性...

    qwidget与qml交互

    QWidget嵌入qml，实现QWidget与qml的交互、无标题栏、可拉伸、可拖动、可切换qml页面

    C++和QML交互

    Qt 提供了两种在 QML 环境中使用 C++ 对象的方式： 1. 在 C++ 中实现一个类，注册到 QML 环境中， QML 环境中使用该类型创建对象 2. 在 C++ 中构造一个对象，将这个对象设置为 QML 的上下文属性，在 QML 环境中直接...

    cpp与qml的交互

    摘录：工程实例和解释来自于 qt官网 与qtquick的转载与翻译。实现 cpp与qml的交互。 效果：随时间变化，区域块颜色变化

    QML WebView 与 HTML简单交互

    通过 runJavaScript 实现 QML WebView 与 HTML的简单交互。对应博文 https://blog.csdn.net/weixin_43810973/article/details/84950203

    QML 与 C++交互 - 02 C++暴露方法到QML

    本系列会介绍几种QML与C++进行数据交互的方法，包括信号槽的链接，QML调用C++类的方法等。 本代码为第二篇《QML 与 C++交互 - 02 C++暴露方法到QML》的示例demo

    QML与C++交互，解压后路径去掉中文.rar

    博客的相关代码，演示QML与C++的交互。博客地址https://blog.csdn.net/gongjianbo1992/article/details/87965925

    QML C++交互小例子

    1. 把Qt C++中的对象或类型暴露给 QML端，供QML端使用。（官方说法是“嵌入”而非“暴露”，比较文明。- -b） 2. QML中的Signal Handler(相当于Qt C++发送信号给QML端，QML端的Signal Handler进行处理)。 3. 在Qt ...

    QML--实现与HTML的交互

    QML--实现与HTML的交互

    QML2与C++交互

    关于QML与C++交互具体实例，里面涉及QML与C++进行数据交互等功能

    QML c++交互 无边框 透明 可以拖动的 窗口的 demo

    QML 无边框 透明 可以拖动的 窗口的 demo。是我自己写的demo。C++交互

    Qt之QML与 C++ 交互.docx

    1. C++ 对象注册到 QML，QML 访问 C++ 对象； 2. QML 暴露对象给 C++ 进行交互； 3. C++ 创建 QML 对象并进行交互； 4. C++ 对象与 QML 通过信号槽交互。 文档详细描述了四种方式的使用

    QWidget加载QML界面，并通过信号槽交互

    QWidget通过QQuickWidget嵌入QML界面，QWidget与QML界面互相发送信号进行交互

    c++与qml的交互数据传递及其实时刷新

    c++与qml的交互数据传递及其实时刷新

    QML 与 C++交互 - 01QML访问C++属性

    本系列会介绍几种QML与C++进行数据交互的方法，包括信号槽的链接，QML调用C++类的方法等。 本文为第一篇：QML访问C++属性。可以访问我的博客查看代码解释。

    QWidget和qml交互

    QWidget嵌入qml，实现QWidget与qml的交互、无标题栏、可拉伸、可拖动、可切换qml页面、

    QWidget嵌入qml，实现QWidget与qml的交互、无标题栏、可拉伸、可拖动

    QWidget嵌入qml，实现QWidget与qml的交互、无标题栏、可拉伸、可拖动

    qml与Qt数据交互

    现在做开发越来越多地使用qml语言进行ui开发了，因为qml可以快速简单地进行开发。qml其实也是基于qt框架上的，所以很多地一些知识都是从C++哪里可以找得到原型的。...这篇经验时介绍如何使用Qt与qml的数据交互。

Magicbox
Global site tag (gtag.js) - Google Analytics