How to add a file upload button onto a grid toolbar

[Monica]

Hello!

I am trying to add a <kendo-upload> tag onto the toolbar of a kendo grid using TagHelper and ASP.NET Core

Though I am struggling with figuring out how to do this,  I have followed this template: https://demos.telerik.com/aspnet-core/grid/toolbar-template to not much success. 

My goal is to simply add a file upload option to upload an excel file to populate the fields of a grid!

Any ideas on how to progress?

Thank you!

But I am still struggling

[Mihaela]

Hello Monica,

You can use the Template component to define the Upload component into the Grid's ToolBar. For example:

<kendo-grid name="grid" height="500">
    <toolbar>
                <toolbar-button>
                    <toolbar-command-template>
                        <kendo-upload name="files">
                            <async auto-upload="true" save-url="@Url.Action("Async_Save", "Upload")" remove-url="@Url.Action("Async_Remove", "Upload")" />
                        </kendo-upload>
                    </toolbar-command-template>
                </toolbar-button>
  </toolbar>
  ...
</kendo-grid>

If you have any further questions, please let me know.

 

Regards,
Mihaela
Progress Telerik