Kendo ui grid template parameters

[Davood]

Hi,

Is it possible to pass another parameter with event to methods?

my code is as below:

<kendo-grid-column

            field="UnloadingID"

            title="Unloading"

            :template="getLayerName(shapes,event)"

          ></kendo-grid-column>

 

and method is: (shapes is in my data)

getLayerName: function (shapes,e) {

console.log(e,shapes);


}

[Dimitar]

Hello Davood,

In general, the <kendo-grid-column> template prop can be specified as a function and you should be able to pass parameters such as 'shapes' that is defined in the Vue data. However, a cleaner approach would be to use Single-FIle Components. This is demonstrated in the following section of the documentation:

• Kendo Vue Templates.

With the approach demonstrated in the above article, you should be able to pass any required metadata to the template in its arguments as follows:

<script>
import Template from "./ItemTemplate.vue";
import Vue from "vue";

export default {
   name: "HelloWorld",
   data() {
       return {
           localDataSource: {
               data: [
                   { title: "title 1", num: 1, numTwo: 2, total: 3, id: 1 },
                   { title: "title 2", num: 1, numTwo: 2, total: 3, id: 2 }
               ]
           }
       };
   },
   methods: {
       itemTemplate: function(e) {
           return {
               template: Vue.component(Template.name, Template),
               templateArgs: Object.assign({}, e, {
                   parentComponent: this.$refs.ddl
               })
           };
       }
   }
};
</script>

Regards,
Dimitar
Progress Telerik