2

我在使用 dojo 创建图片库时遇到问题。json 文件中的图像不会呈现。我不确定问题是什么。这是我的代码。

<script type="text/javascript">
dojo.require("dojox.image.Gallery");
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dojo.parser");
djConfig.useCommentedJson=true;
dojo.addOnLoad(function(){  
var itemNameMap = {imageThumbAttr: "thumb",imageLargeAttr: "large"};
var request = {query: {}, count: 20};
dijit.byId('gallery1').setDataStore(itemStore,request, itemNameMap);
});
</script>
</head>
<body class="claro">
<div id="gallery1" dojoType="dojox.image.Gallery" style="background-color:gainsboro;">    
</div>
<div jsId="itemStore" dojoType="dojo.data.ItemFileReadStore"  url="TotalEnrollmentMapData.json"> </div>

json文件是

var maps={identifier:'Enrollment Maps' ,
label:'Maps',
items:[

{  thumb:"maps_2.0/2012 Enrollment.png",
large:"maps_2.0/2012 Enrollment.png",
title:"I'm wide,me"
},
                                                  ,
{  thumb:"maps_2.0/2012 Enrollment Change.png",
large:"maps_2.0/2012 Enrollment Change.png",
title:"I'm a horizontal picture"},

{  thumb:"maps_2.0/2012 FTIAC Enrollment.png",
large:"maps_2.0/2012 FTIAC Enrollment.png",
title:"I'm another horizontal picture"},

{  thumb:"maps_2.0/2012 FTIAC Enrollment Change.png",
large:"maps_2.0/2012 FTIAC Enrollment Change.png",
title:"I'm a vertical picture"}
]};
4

1 回答 1

0

我正在编写一个基于图像库的相当大的 dojo 应用程序,在尝试了 dojox/image/Gallery 之后,我决定从头开始编写自己的小部件是谨慎的做法。

话虽这么说,您的代码似乎来自此

http://dojocampus.org/explorer/#Dojox_Image_Gallery_Default

如果您查看画廊从中提取数据的 JSON 文件,它是一个实际的 JSON 文件(不是 JavaScript,您在文件中所说的就是这个文件)。

作为第一步,我会尝试直接从您的商店中获取一些商品,以确认它是否按照您的预期工作,然后才调查所述商店的内容是否符合 dojox/image/Gallery 所期望的内容。

于 2013-06-27T13:34:49.880 回答