Intégration de Vuejs et Kendo

Question

J'ai un problème avec vuejs et kendo ui. Je besoin de cliquer sur une colonne tr <kendo-grid-column @click="clicked"></kendo-grid-column> i ont également utilisé un @ click.native mais rien

J'ai créé aussi un modèle avec étiquette <a> qui appelle la méthode "cliqué"

de démonstration http://dojo.telerik.com/@aldoZumaran/UTOGo

Answer 1

Peut-être que ce n'est pas exactement ce que vous voulez, mais il est possible d'activer le tri sur la grille et d'intercepter le Sort Event pour un traitement ultérieur.

Changer votre kendo-grid, ajoutez:

:sortable='true' 
@sort='callback' 

La syntaxe de la méthode de rappel a également été un peu bizarre, utilisez:

callback: function(e) { 
    console.log(e.sort.field); 
    console.log(e.sort.dir); 
} 

Peut-être que cela est le bon endroit pour exécuter vos actions.

MISE À JOUR

Il est possible d'appeler e.preventDefault(); dans la méthode de rappel pour empêcher l'action de tri par défaut:

callback: function(e) { 
    if (e.sort.field === 'UnitPrice') { 
     console.log('Sort by Price not allowed!'); 
     e.preventDefault(); 
    } 
}