据我们所知,Windows 8 拆分应用程序显示图 block ,因此我想显示图像,并且每个图 block 上的每个图像都应该不同。
这是我在default.html页面上所做的,其中标签是
<div class="item">
<img alt="some text" data-win-bind="source: imagePath">
<div class="item-overlay">
<h4 class="item-title" data-win-bind="textContent: title"></h4>
<h6 class="item-subtitle win-type-ellipsis" data-win-bind="textContent: subtitle"></h6>
</div>
</div>
</div>
这是 data.js 文件的代码
var sampleGroups = [
{ key: "group1", title: "Group Title: 1", subtitle: "Group Subtitle: 1", **imagePath:"path of image file 1",** backgroundImage: darkGray, description: groupDescription },
{ key: "group2", title: "Group Title: 2", subtitle: "Group Subtitle: 2", **imagePath:"path of image file 2",** backgroundImage: lightGray, description: groupDescription },
{ key: "group3", title: "Group Title: 3", subtitle: "Group Subtitle: 3",**imagePath:"path of image file 3",** backgroundImage: mediumGray, description: groupDescription },
{ key: "group4", title: "Group Title: 4", subtitle: "Group Subtitle: 4",imagePath:"path of image file 4", backgroundImage: lightGray, description: groupDescription },
{ key: "group5", title: "Group Title: 5", subtitle: "Group Subtitle: 5", imagePath:"path of image file 5", backgroundImage: mediumGray, description: groupDescription },
{ key: "group6", title: "Group Title: 6", subtitle: "Group Subtitle: 6", **imagePath:"path of image file 6",** backgroundImage: darkGray, description: groupDescription }
];
最佳答案
这是解决方案(感谢 Usman ur Rehman 先生)
打开data.js并根据下面给出的代码更改代码
function generateSampleData() { var itemContent = "
Curabitur class aliquam vestibulum nam curae maecenas sed...";
// These three strings encode placeholder images. You will want to set the
// backgroundImage property in your real data to be URLs to images.
var darkGray = "images/1.png";
var lightGray = "images/1.png";
var mediumGray = "images/1.png";
// Each of these sample groups must have a unique key to be displayed
// separately.
var sampleGroups = [
{ key: "group1", title: "Group Title: 1", subtitle: "Group Subtitle: 1", backgroundImage: darkGray, description: groupDescription },
{ key: "group2", title: "Group Title: 2", subtitle: "Group Subtitle: 2", backgroundImage: lightGray, description: groupDescription },
{ key: "group3", title: "Group Title: 3", subtitle: "Group Subtitle: 3", backgroundImage: mediumGray, description: groupDescription }, .....
关于javascript - Windows 8 拆分应用程序自定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13393056/