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 に答える