QML复数组

Question

我遇到麻烦的是非常简单的代码：

property var pagesAllModels: {
    ru: [
        { title: qsTr("New"),           url: "http://bash.im"           },
        { title: qsTr("Random"),        url: "http://bash.im/random"    },
        { title: qsTr("Best"),          url: "http://bash.im/best"      },
        { title: qsTr("By rating"),     url: "http://bash.im/byrating"  },
        { title: qsTr("Abyss"),         url: "http://bash.im/abyss"     },
        { title: qsTr("Abyss top"),     url: "http://bash.im/abysstop"  },
        { title: qsTr("Abyss best"),    url: "http://bash.im/abyssbest" },
    ],
    eng: [
        { title: "Latest",              url: "http://bash.org/?latest" },
        { title: "Browse",              url: "http://bash.org/?browse" },
        { title: "Random",              url: "http://bash.org/?random" },
        { title: "Top",                 url: "http://bash.org/?top"    }
    ]
}

QML中的代码使我在"eng：[“with error”预期的词汇“行中出错，但在纯javascript中，一切都很好。怎么了？

Answer 1

这是因为您的代码是非法的JSON数组定义。Web浏览器之所以接受它，是因为它们对JS语法并不严格，但是QML引擎实际上是严格的：

在键:联合数组中的值对中，键必须是字符串，所以它必须有引号，否则它将与(不存在的)变量名混淆。

property var pagesAllModels: {
    "ru": [
        { "title": qsTr("New"),           "url": "http://bash.im"           },
        { "title": qsTr("Random"),        "url": "http://bash.im/random"    },
        { "title": qsTr("Best"),          "url": "http://bash.im/best"      },
        { "title": qsTr("By rating"),     "url": "http://bash.im/byrating"  },
        { "title": qsTr("Abyss"),         "url": "http://bash.im/abyss"     },
        { "title": qsTr("Abyss top"),     "url": "http://bash.im/abysstop"  },
        { "title": qsTr("Abyss best"),    "url": "http://bash.im/abyssbest" }
    ],
    "eng": [
        { "title": "Latest",              "url": "http://bash.org/?latest" },
        { "title": "Browse",              "url": "http://bash.org/?browse" },
        { "title": "Random",              "url": "http://bash.org/?random" },
        { "title": "Top",                 "url": "http://bash.org/?top"    }
    ]
}

而且起作用了！

Answer 2

尝尝这个

property var pagesAllModels: {
    ru: [
        { title: qsTr("New"),           url: "http://bash.im"           },
        { title: qsTr("Random"),        url: "http://bash.im/random"    },
        { title: qsTr("Best"),          url: "http://bash.im/best"      },
        { title: qsTr("By rating"),     url: "http://bash.im/byrating"  },
        { title: qsTr("Abyss"),         url: "http://bash.im/abyss"     },
        { title: qsTr("Abyss top"),     url: "http://bash.im/abysstop"  },
        { title: qsTr("Abyss best"),    url: "http://bash.im/abyssbest" }
    ],
    eng: [
        { title: "Latest",              url: "http://bash.org/?latest" },
        { title: "Browse",              url: "http://bash.org/?browse" },
        { title: "Random",              url: "http://bash.org/?random" },
        { title: "Top",                 url: "http://bash.org/?top"    }
    ]
}

希望这能解决你的问题

Answer 3

用分号";“分隔的关联数组

尝尝这个

property var pagesAllModels: {
    ru: [
        { title: qsTr("New"),           url: "http://bash.im"           },
        { title: qsTr("Random"),        url: "http://bash.im/random"    },
        { title: qsTr("Best"),          url: "http://bash.im/best"      },
        { title: qsTr("By rating"),     url: "http://bash.im/byrating"  },
        { title: qsTr("Abyss"),         url: "http://bash.im/abyss"     },
        { title: qsTr("Abyss top"),     url: "http://bash.im/abysstop"  },
        { title: qsTr("Abyss best"),    url: "http://bash.im/abyssbest" },
    ];
    eng: [
        { title: "Latest",              url: "http://bash.org/?latest" },
        { title: "Browse",              url: "http://bash.org/?browse" },
        { title: "Random",              url: "http://bash.org/?random" },
        { title: "Top",                 url: "http://bash.org/?top"    }
    ]
}