Custom properties for resources dataSource to bind in groupHeaderTemplate

[Andrea]

Hi,

I'm using KendoUI Scheduler and I'm grouping the events by "owner". The entity "owner" has got properties like:

{
  name: 'Andrea',
  id: '1',
  pictureUrl: 'http://someurl.com/someresource'
}

I tried to inject a groupHeaderTemplate like this:

<script id="groupHeaderTemplate" type="text/x-kendo-template">
    <strong style="color: red">#=text#</strong>
    <img src="#= image#" alt="person" height="50" />
</script>

... initializing the scheduler like this:

$(".scheduler").kendoScheduler({
    .
    .
    .
    resources: [
        {
            field: "owners",
            name: "Owners",
            dataSource: [
                { text: myOwners[0].name, value: myOwners[0].id, image: myOwners[0].pictureUrl},
                { text: myOwners[1].name, value: myOwners[1].id, image: myOwners[1].pictureUrl},
                { text: myOwners[2].name, value: myOwners[2].id, image: myOwners[2].pictureUrl}
            ],
            multiple: true,
            title: "Owners"
        }
    ]
 });

Unforunately I get the error:
Uncaught ReferenceError: image is not defined

I've been looking around within the documentation but I didn't find a way to customize the model of the resources schema.
Am I missing something or is it actually impossible to achieve what I'm trying?

Thanks for the support!
Andrea

[Vladimir Iliev]

Hello Andrea,

Currently to the "groupHeaderTemplate" are passed only the following fields:

• color - dataColorField value
• field - field from the event which used to match the resource
• name - name of the resource
• text - dataTextField value
• title - title of the resource
• value - dataValueField value

If you need to access additional fields of the resource you should get the scheduler object, find the needed resource object using the "name" field and search it's dataSource to find the needed resource by id (value).

Regards,
Vladimir Iliev
Telerik

 

 

[Alexander]

Is it still the same? Looks like a missing of a really helpful feature.

[Vladimir Iliev]

Hi Alex,

This is still not supported out of the box, however you can find working example of finding the needed resource in the following forum post:

• Scheduler: group header template with custom props

Regards,
Vladimir Iliev
Telerik by Progress