Bind Events MVVM ListView
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.metro.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<div id='container'>
<div data-role='listview' data-template='_template' data-bind='source:clients'/>
</div>
<script id="_template" type="text/x-kendo-template">
<div>
<span data-bind='text:ID'/>
<span data-bind='text:Name'/>
</div>
</script>
JavaScript
var = [{
ID: 1,
Name: 'n1'},
{
ID: 2,
Name: 'n2'},
{
ID: 3,
Name: 'n3'},
{
ID: 4,
Name: 'n4'},
{
ID: 5,
Name: 'n5'}];
var viewModel = new kendo.observable({
clients: [{
ID: 1,
Name: 'n1'},
{
ID: 2,
Name: 'n2'},
{
ID: 3,
Name: 'n3'},
{
ID: 4,
Name: 'n4'},
{
ID: 5,
Name: 'n5'}]
});
kendo.bind($('#container'), viewModel);