ListView + data-type="group" + MVVM issue

[Paul McNamara]

There appears to be an issue with nested bindings when the ListView is in grouped mode in 2013.2.918. It manifests itself as the first item in a group not binding properly (or first 2 if there are two top-level items etc). Is this a known issue? If not I can provide more detail.

[Petyo]

Hi Paul,

this does not sound like a known issue. If possible, please provide more details about the problem - we will take a look right away. 

Regards,
Petyo
Telerik

[Paul McNamara]

FYI, I've worked around this for now by using multiple group list views with one <li> each but the below example does fail.

The markup looks like this (inside a data-role="view" ofcourse):

<ul data-role="listview" data-type="group" data-style="inset" data-bind="source: Groups" data-template="GroupTemplate">
</ul>

<script id="GroupTemplate" type="text/x-kendo-template">
<span data-bind="text: Name"></span>
<ul data-role="listview" data-bind="source: Items" data-template="ItemTemplate">
</ul>
</script>
<script id="ItemTamplte" type="text/x-kendo-template">
<span data-bind="text: Name"></span>
</script>

Viewmodel data looks like:

var data = {
Groups: [
{
Name:"Group1",
Items: [
{Name:"Item1"},
{Name:"Item2"},
{Name:"Item3"},
]
},
{
Name:"Group2",
Items: []
}
]
}

[Petyo]

Hello Paul,

Thank you for the provided example. I am afraid that this approach is not supported. In order for the listview to be in grouped databound mode, it should be bound to a grouped datasource (like this demo). 

Regards,
Petyo
Telerik