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 回答