Accessing ICollections Variable in ClientTemplate

[S]

Hello-

I am having an issue accessing my ICollection <Image> Images in the ClientTemplate. It is accessible from the kendo datasource, but not in the ClientTemplate script; however, all of other variables of a different type from my class are accessible. The Image class has a member of type string called "name". My script to access that variable is below. When I load this page, the ListView comes up empty.

 

<script type="text/x-kendo-tmpl" id="template">
       <div id="product">
           <dl id="itemDetails">
               <dt>ImageName:</dt>
               <dd>#:Images[0].Name#</dd>
           </dl>
       </div>
</script>

 

How I successfully access the variable from the dataSource:

function x () {
            var index = this.select().index();
            var dataItem = this.dataSource.view()[index];

            $("#ImageName").html(dataItem.Images[0].name);
}

 

How does my syntax need to change to access it in the ClientTemplate script?

Thank you for the help,

S

[S]

A note about my post above, the capitalization of "name" isn't significant to the issue, but rather a typo when I asked the question.

[Viktor Tachev]

Hi,

The Kendo DataSource supports flat data. Using complex objects with the components could result in unexpected behavior in some scenarios.

In order to show the data as expected I can recommend flattening the data before sending it to the client. 

Furthermore, check out the approach suggested in the article below. Give it a try and let me know how it works for you.

• http://www.telerik.com/forums/dealing-with-data-which-includes-a-field-having-an-array-of-objects#ZP_iRw91M0WSQDe8Hg7iWw

Regards,
Viktor Tachev
Progress Telerik