This is a migrated thread and some comments may be shown as answers.

Can I bind to a datasource object inside of an observable object?

1 Answer 87 Views

General Discussion

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Steven asked on 06 Dec 2013, 07:51 PM

Seems like this should work, but I cannot get it to :(

<div id="list"

data-role="view"

data-title="List">

<div class="view-content">

<h2>List</h2>

<ul data-role="listview" data-model="obs" data-bind="source: groupedData" data-template="my-template" data-header-template="header-template"></ul>

</div>

<script type="text/x-kendo-template" id="my-template">

<h3 class="item-title">#: name #</h3>

<p class="item-info">#: description #</p>

</script>

<script type="text/x-kendo-template" id="header-template">

#: value #

</script>

<script type="text/javascript">

var obs = new kendo.data.ObservableObject({

groupedData: new kendo.data.DataSource({

data: [

{ name: "Hello World 1", description: "Just a test...", letterGroup: "H1" },

{ name: "Hello World 2", description: "Just a test...", letterGroup: "H2" },

{ name: "Hello World 2", description: "Just a test...", letterGroup: "H2" }

],

group: { field: "letterGroup" }

})

});

</script>

Can I bind to a datasource object inside of an observable object?

1 Answer, 1 is accepted