Access created method vuejs in kendo grid?

9 posts, 0 answers
  1. Felipe
    Felipe avatar
    2 posts
    Member since:
    Aug 2015

    Posted 28 Nov 2017 Link to this post

    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>

  2. Plamen
    Admin
    Plamen avatar
    2860 posts

    Posted 30 Nov 2017 Link to this post

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. nick
    nick avatar
    6 posts
    Member since:
    Feb 2017

    Posted 27 Feb in reply to Plamen Link to this post

    Was this support added in the January release or version 2018.1.221?
  4. Plamen
    Admin
    Plamen avatar
    2860 posts

    Posted 01 Mar Link to this post

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. nick
    nick avatar
    6 posts
    Member since:
    Feb 2017

    Posted 05 Mar in reply to Plamen Link to this post

    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>
    .
  6. Plamen
    Admin
    Plamen avatar
    2860 posts

    Posted 07 Mar Link to this post

    Hello,

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

    Regards,
    Plamen
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  7. ZHAO
    ZHAO avatar
    1 posts
    Member since:
    Oct 2017

    Posted 28 Apr in reply to Plamen Link to this post

    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?

  8. Felipe
    Felipe avatar
    2 posts
    Member since:
    Aug 2015

    Posted 28 Apr in reply to ZHAO Link to this post

    ZHAO https://alligator.io/vuejs/global-event-bus/
  9. Plamen
    Admin
    Plamen avatar
    2860 posts

    Posted 02 May Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top