data-template - binding to null collection

[Bilal]

Hello,
I have a "selectedProject" property on a ViewModel. This property is initially defined as "null". Eventually, this property will be set to an instance of an object locally defined as kendo.data.Model, having an array of "users".

Now, I am adding the following:
<div data-template="row-user-info-template" data-bind="source: selectedProject.users"></div>

Initially the selectedProject is null and hence users is undefined. That's why I am getting this exception:
"Uncaught TypeError: undefined has no properties"

Any idea how to workaround this issue?

Thanks

[Nikolay Rusev]

Hello Bilal,

We've already discussed this in the support thread. Please avoid duplication of posts. 

Bellow I'm quoting mu post in the above mentioned support thread.

"If `selectedProject` is null you are accessing property of object which is null. That said it is expected to have error thrown and you should make sure that when selectedProject variable is instantiated before accessing it. "

Regards,
Nikolay Rusev
Telerik

 

 

[Leandro]

Try this:

var viewModel = kendo.observable({
       selectedProject: []
    });

    kendo.bind($("body"), viewModel);