如何在 dojo 小部件中使用 json 成员对象

Question

我正在迭代一个格式是这样的json

request("js/my/data/sample.json", {
    handleAs: "json"
}).then(function (jsonResults) {
    arrayUtil.forEach(jsonResults.LinksMap, function (List) {
        arrayUtil.forEach(List.LinksMap.entry, function (Ientry) {
            var widget = new support(Ientry.Link).placeAt(authorContainer);
        });
    });
});

小部件 HTML 模板看起来像

      <div><span  title="${title}">${title}</span></div> <br />
 <div><span title="${description}">${description}</span></div> <br />
 <a class="info" title="${title}" href="${url}">${title}</a><br />

我想使用json中提供的对象linkType在小部件的html模板中使用不同的类，所以如果它的linkType是“信息”然后使用

     <a class="info" title="${title}" href="${url}">${title}</a><br />

如果是新闻，请使用

          <a class="news" title="${title}" href="${url}">${title}</a><br />

Answer 1

这个修改过的模板的组合：

<div><span  title="${Link.title}">${Link.title}</span></div> <br />
<div><span title="${Link.description}">${Link.description}</span></div> <br />
<a class="${className}" title="${Link.title}" href="${Link.url}">${Link.title}</a><br />

这个修改后的代码应该可以解决问题：

request("js/my/data/sample.json", {
handleAs: "json"}).then(function(jsonResults){  arrayUtil.forEach(jsonResults.LinksMap, function(List){arrayUtil.forEach(List.LinksMap.entry, function(Ientry){

  if('information' === Ientry.linkType) Ientry.className = 'info';
  else if('news link' === Ientry.linkType) Ientry.className = 'news';
  var widget = new support(Ientry).placeAt(authorContainer);

});});});

---

但更好的主意是在您的小部件中实现一个postCreate 方法，该方法可以在小部件构建之后和显示之前以您喜欢的任何方式修改小部件。

请参考this guide并在那里搜索postCreate。