2

私はテンプレートでこのようなものをデザインしようとしています

ここに画像の説明を入力

しかし、このコードをdata.jsに入れることはできません:

var sampleItems = [
    { group: sampleGroups[0], importancia: "alta", title: "Item Title: 1", subtitle: "Item Subtitle: 1", description: itemDescription, content: itemContent, backgroundImage: lightGray },
    { group: sampleGroups[0], title: "Item Title: 2", subtitle: "Item Subtitle: 2", description: itemDescription, content: itemContent, backgroundImage: darkGray },
    { group: sampleGroups[0], title: "Item Title: 3", subtitle: "Item Subtitle: 3", description: itemDescription, content: itemContent, backgroundImage: mediumGray },
    { group: sampleGroups[0], title: "Item Title: 4", subtitle: "Item Subtitle: 4", description: itemDescription, content: itemContent, backgroundImage: darkGray },
    { group: sampleGroups[0], title: "Item Title: 5", subtitle: "Item Subtitle: 5", description: itemDescription, content: itemContent, backgroundImage: mediumGray }
];

groupedItem.htmlのこの部分に新しいオプションを追加しようとすると:

<div class="itemtemplate" data-win-control="WinJS.Binding.Template">
    <div class="item" data-win-bind="className: importancia">
        <img class="item-image" src="#" data-win-bind="src: backgroundImage; alt: title" />
        <div class="item-overlay">
            <h4 class="item-title" data-win-bind="textContent: title" style="margin-left: 0px; margin-right: 291.08px;"></h4>
            <h6 class="item-subtitle win-type-ellipsis" data-win-bind="textContent: subtitle"></h6>
        </div>
    </div>
</div>

そして結果はこれです：

ここに画像の説明を入力

どうすれば解決できますか？CSSには何も追加していません

4

1 に答える 1

0

まず、必要なグループのdata.jsファイル内のデータ項目の数を指定する必要があります。次に、このMSDNチュートリアルのようにgroupitemjsおよびcssファイルを編集します。あなたはあなたが望むものを正確に見つけるでしょう

于 2013-01-25T22:48:45.113 に答える