Access created method vuejs in kendo grid?

[Felipe]

Is it possible to access a method that was created in the Vue.JS methods with the Telerik grid, in this case a click action?

template: "<div><button @click='showClient(#:id#)'>Show Client</button></div>"

methods: {

     showClient (id) {

           console.log(id)

          this.$router.push('/client/:id')

     }

}

output render in HTML

<td role="gridcell"><div><button @click="showClient(720)">Show Client</button></div></td>

[Plamen]

Hello,

Thank you for getting in touch with us. With the current version of Grid Vue wrapper the Vue templates support is not implemented yet we plan to add support for them in the upcoming January release. Currently in such scenario we recommend the Kendo jQuery template syntax that will work correctly. Please excuse us for this current inconvenience with the control. If you have further questions please don't hesitate to let us know.

Regards,
Plamen
Progress Telerik

[nick]

Was this support added in the January release or version 2018.1.221?

[Plamen]

Hello,

Yes - you can use Vue components as templates in Kendo-Vue-UI components as for example it is described in this issue.

Regards,
Plamen
Progress Telerik

[nick]

Thanks for the response.I was able to use a link as a workaround:

<a href='javascript:void(0)' @click.prevent='navigate'></a>

 in the grid template but not a Vue router link like:

<router-link to="/route"></router-link>

.

[Plamen]

Hello,

Yes indeed in the current version router-link rendering inside the template is not supported. 

Regards,
Plamen
Progress Telerik

[ZHAO]

hi，

     I use the version "@progress/kendo-grid-vue-wrapper": "^2018.1.313" and "@progress/kendo-ui": "^2018.1.312", but @click is doesn't work in the colmuns.template.   could you give me some help?

[Felipe]

ZHAO https://alligator.io/vuejs/global-event-bus/

[Plamen]

Hi,

You can refer to this issue where an example is provided with a similar behavior. It is important to pass the properties that you need in the template in the templateArgs object and declare it in the template component.

Hope this information will be helpful.

Regards,
Plamen
Progress Telerik