Json data
1
|
{
"index"
:[
"all"
],
"flux"
:{
"all"
:[{
"data"
:{
"title"
:
"boris"
,
"icon"
:
"icon.png"
}]}}
|
QML side : 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 =
new
XMLHttpRequest();
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});
}
|