0

剣道 UI のリスト ビューを使用します。しかし、データソースを使用しても、リスト ビューにデータが表示されません。

誰でも私を助けることができますか？

ここに私のコードがあります、

div #listView とテンプレートを作成しました。次に、データをリスト ビューにバインドしようとしています

<div id="listView"></div>

そして、これは私が使用するテンプレートです

Kendo UI を使用して作成されたテンプレート

<script type="text/x-kendo-tmpl" id="template" >
    <div class="product">     
        <h3>#:title#</h3>
        <p>#:kendo.toString(year, "c")#</p>
    </div>
</script>

ここでデータソースをバインドします

データをバインドしても、これは機能しません。データをバインドする他の方法はありますか

var dataSource1 = new kendo.data.DataSource({
    transport: {
        read: {
            dataType: "json",
            data: [
                { title: "Star Wars: A New Hope", year: 1977 }, 
                { title: "Star Wars: The Empire Strikes Back", year: 1980}
            ]  
        }
    }
});

$("#listView").kendoListView({
    dataSource: dataSource1,
    template: kendo.template($("#template").html())
});
4

1 に答える 1

1

リストビューをローカルデータにバインドしているため、トランスポートを呼び出す必要はありません...データをデータソースに直接バインドするだけです:

var dataSource1 = new kendo.data.DataSource({
    data: [
        { title: "Star Wars: A New Hope", year: 1977 }, 
        { title: "Star Wars: The Empire Strikes Back", year: 1980}
    ]  
});

ここでデータソースのデモページを見ることができます: http ://demos.kendoui.c​​om/web/datasource/index.html .

PS : ちなみに、"c" の形式は通貨用です (ドキュメントを参照してください)。ここで、テンプレートで年を直接呼び出すことができます: #:year#.

于 2013-05-02T07:53:29.017 に答える