Question

我在使用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"}
]};

Answer 1

我正在编写一个基于图像库的相当大的dojo应用程序，在尝试使用dojox / image / Gallery之后，我认为从头开始编写自己的小部件是明智的。

话虽如此，您的代码似乎来自于此

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

如果你看一下画廊从中提取数据的JSON文件，它就是一个真正的JSON文件（不是JavaScript，你所说的就是你的文件）。

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

使用dojo创建图库的问题

1 个答案: