ListView refresh not rendering

[Phil H.]

Hi:
I am updating after initial rendering.  I am manually modifying the datasource data as follows:  

<div id ="listView2"></div>
<script>
    $("#listView2").kendoListView({
        dataSource: { data: [] },
        template: "<div>#:name#</div>"
    });
    var listView2 = $("#listView2").data("kendoListView");
    listView2.dataSource.data = [ { name: "Jane Doe" }, { name: "John Doe" }];
    listView2.refresh();
</script>

I expected the refresh after the data assignment to render the ListView widget, but the value of length is never set when refresh is called.

Phil

[Alexander Valchev]

Hi Phil,

Please use the data method of the dataSource and the ListView will automatically update.

listView2.dataSource.data([{ name: "Jane Doe" }, { name: "John Doe" }]);

Regards,
Alexander Valchev
Telerik

 

 

[Phil H.]

Hi Alexander:

<div id ="listView2" class="k-list-container" style="width: 200px;"></div>
<script>
    $("#listView2").kendoListView({
        dataSource: { data: [{ name: "Ralph Doe" }, { name: "ZZZZ Zoe" }] },
        template: "<div class='k-item'>#:name#</div>",
        selectable: true
    });
    var listView2 = $("#listView2").data("kendoListView");
    listView2.dataSource.data( [{ name: "Jane Doe" }, { name: "John Doe" }, { name: "Andrea Doe" }] );
    listView2.refresh();
</script>

Thanks, the above works great!
Phil