Kendo Grille initialisé avec Jquery colonne modèle ne fonctionne pas

J'ai une grille en html comme ci-dessousKendo Grille initialisé avec Jquery colonne modèle ne fonctionne pas

<div id="grid">

et la grille d'initialisation comme ci-dessous

$('#grid').kendoGrid({ 
    sortable: true, 
    dataSource: new kendo.data.DataSource({ 
      data: [ 
       {id: 1, name:"x" }, 
       {id: 2, name: "y" } 
      ], 
     }), 
    columns: [ 
     { field: "name"}, 
     { template: '<button class=\'k-button\' ng-click=\'alert("custom1")\'><i class="icon-edit"></i>custom1</button>' }, 
    ] 
});

Le modèle de colonne ng-clic ne fonctionne pas dans ce flux, si je l'ai changé pour le style angulaire de kendo-grille alors ça fonctionne comme prévu.

Pourriez-vous les gars m'aider dans Jquery façon d'initialiser la grille.

Merci !!!

Source

2017-09-27 Abdul Rahman

Vous pouvez essayer de code suivant,

au lieu d'événement fixer dans le modèle, écrire l'événement attach dans le fichier correspondant.

[https://plnkr.co/edit/jtZgDlvqfOq1oDK7js57?p=preview][1]

en HTML:

<body ng-controller="MainCtrl"> 

    <div kendo-grid 
    k-columns='[ 
     { template: "<input value=\"click\" type=\"button\" ng-click=\"clickAction()\" />" }, 
     { field: "name" } 
    ]' 
    k-editable="true" 
    k-sortable="true" 
    k-data-source="gridDataSource"> 
    </div> 

</body>

en partie js:

$scope.clickAction=function(){ 
    alert("you click me"); 
    }

Source

2017-09-27 18:09:34

essayez d'utiliser cette plunker, https://plnkr.co/edit/jtZgDlvqfOq1oDK7js57?p=preview –

Kendo Grille initialisé avec Jquery colonne modèle ne fonctionne pas

Répondre

Questions connexes