Question

我使用kendo 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())
});

Answer 1

由于您将listview绑定到本地数据，因此无需调用传输...只需将数据直接绑定到数据源：

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.com/web/datasource/index.html。

PS：顺便说一句，格式为“c”，用于货币（参见documentation）。在这里，您可以直接在模板中调用年份：#:year#。

Kendo UI列表视图不显示数据

1 个答案: