[Solved] Putting Kendo controls in Grid toolbar

[Itai]

Hello, 

 

I'm trying to put a Kendo Upload control in a grid (which should display uploaded files), but I can't figure out how to do it. 

I tried something like 

 

var $upload = $('<input type="file" id="upload">').kendoUpload();
('#files-grid').kendoGrid({
  // Other configuration ...
  toolbar: [{template: $upload.html()}]
});

 

but that doesn't seem to work. Any hint as to how to achieve this? I've seen references to `kendo.template`, but it's unclear how to use Kendo controls with it, and not just plain HTML. 

Of course, later I'll want to further configure the upload control, but I left it blank for now. 

 

Thank you.

[Dimiter Madjarov]

Hello Itai,

You could add the input in the template and then initialize the Upload widget on document.ready after the Grid. Similar scenario is implemented in the following demo with DropDownList instead.

Regards,
Dimiter Madjarov
Telerik