Completed
Last Updated: 24 Sep 2020 08:13 by ADMIN
Imported User
Created on: 21 Aug 2018 17:05
Category: Kendo UI® for Vue
Type: Feature Request
1
Vue: bind data array directly to grid without kendo-datasource
I'm using Kendo UI with Vue wrappers. I have a grid that feeds from a remote datasource, but I have a custom implementation for the data service (using Axios). Currently, Kendo requires me to do this:
```
          <kendo-datasource ref="datasource" :data="rowData"></kendo-datasource>
          <kendo-grid :data-source-ref="'datasource'">
            <kendo-grid-column v-for="columnDef in columnDefs" :key="columnDef.field"
              :field="columnDef.field"
              :title="columnDef.headerName">
            </kendo-grid-column>
          </kendo-grid>
```

It seems like extra boiler plate to require the separate <kendo-datasource> tag. Why can't I bind my `rowData` directly to the kendo-grid?
1 comment
ADMIN
Plamen
Posted on: 24 Sep 2020 08:13

Hi,

You can achieve such behavior in our Native Vue Grid - https://www.telerik.com/kendo-vue-ui/components/grid/

Regards,
Plamen
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).