title: How can we bind event for custom checkbox on Kendo UI Grid Column using Vue Js?
body: <blockquote>
  <p>here I set a method <code>checkboxToggle()</code> on checkbox , but don't know why it's not working , when I click on the checkbox it doesn't call that method , WHY?</p>
  <p>Here is my code:</p>
  </blockquote>
  <p>`
  Methods:{</p>
  <pre><code> toggleTemplate(){
      let template =
         `&lt;label class=&quot;switch&quot; &gt;
          &lt;input type=&quot;checkbox&quot; class=&quot;user-status&quot; # if(Status){#checked#}                                         #               v-on:click=&quot;checkboxToggle()&quot;/&gt;
          &lt;span class=&quot;slider round&quot;&gt;&lt;/span&gt;&lt;/label&gt;`;
  
      let compiledTemplate = kendo.template(template);
      return compiledTemplate.bind(this);
  
  },
   checkboxToggle(){
          //TODO Grid checkbox template event binding not working
          alert(&quot;Checkbox Toggle !!!&quot;)
  }
  </code></pre>
  <p>}</p>
  <p>another one</p>
  <pre><code>&lt;kendo-datasource ref=&quot;localDataSource&quot; :data=&quot;filteredUsers&quot;
              :group='groupingFiled'&gt;
              &lt;/kendo-datasource&gt;
            &lt;kendo-grid :height=&quot;500&quot;  :data-source-ref=&quot;'localDataSource'&quot;  :resizable=&quot;true&quot;
              :filterable=&quot;false&quot;:sortable-allow-unsort=&quot;true&quot;:sortable-show-indexes=&quot;true&quot;
              :scrollable-virtual=&quot;true&quot; :pageable-numeric=&quot;false&quot;
              :pageable-previous-next=&quot;false&quot; :pageable-messages-display=&quot;'Showing {2} users'&quot;
              :editable=&quot;'popup'&quot;:toolbar=&quot;[{name: 'excel', text: 'Excel'}]&quot;
              :excel-file-name=&quot;'Motadata_UserListing.xlsx'&quot; :excel-filterable=&quot;true&quot; &gt;
              &lt;kendo-grid-column :selectable=&quot;true&quot; :width=&quot;35&quot;&gt;&lt;/kendo-grid-column&gt;
              &lt;kendo-grid-column :field=&quot;'UserId'&quot; :hidden=&quot;true&quot;&gt;&lt;/kendo-grid-column&gt;
              &lt;kendo-grid-column :field=&quot;'UserName'&quot;  :width=&quot;150&quot;&gt;&lt;/kendo-grid-column&gt;
              &lt;kendo-grid-column :field=&quot;'UserType'&quot;:width=&quot;180&quot;&gt;&lt;/kendo-grid-column&gt;
              &lt;kendo-grid-column :field=&quot;'Role'&quot; :width=&quot;120&quot;&gt;&lt;/kendo-grid-column&gt;
              &lt;kendo-grid-column :field=&quot;'AssignedGroups'&quot;  &gt;&lt;/kendo-grid-column&gt;
              &lt;kendo-grid-column :field=&quot;'Email'&quot;:width=&quot;210&quot; &gt;&lt;/kendo-grid-column&gt;
              &lt;kendo-grid-column :field=&quot;'Description'&quot;:width=&quot;200&quot; &gt;&lt;/kendo-grid-column&gt;
  
         &lt;kendo-grid-column :field=&quot;'Status'&quot;
                                 :width=&quot;170&quot;
                                 :template=&quot;this.toggleTemplate()&quot;&gt;&lt;/kendo-grid-column&gt;&lt;/kendo-grid&gt;
  </code></pre>
  <blockquote>
  <p>Help will be appreciated</p>
  </blockquote>