Classement à l'intérieur d'une grille de kendo

Question

Alors tout d'abord, je ne fais que plonger dans le monde de la jquery et du kendo, après avoir passé ces dernières années avec des webforms (et j'ai vraiment besoin de travailler gulag) donc supporter avec moi si c'est une question stupide.

J'ai une grille de kendo fonctionnelle sur une page Web, mais je dois permettre aux utilisateurs d'attribuer une note en étoile au contenu de chaque ligne. Malheureusement, le kendo ne fournit pas de contrôle d'étoiles, mais j'ai pu trouver plusieurs contrôles tiers.

J'ai trouvé un qui semble fonctionner, mais je ne suis pas sûr de savoir comment le faire fonctionner à l'intérieur de la grille. Le mieux que j'ai pu faire est de définir un gabarit contenant le contrôle d'étoiles et de l'utiliser comme contenu de la colonne de la grille. Ensuite, j'ai mis l'initialisation ($ ("# étoiles"). RateYo ({rating: 5});) dans le rappel "complet" de la source de données. Malheureusement, seule la première ligne se termine avec un widget initialisé.

Que dois-je faire pour que mon widget jquery soit rendu sur CHAQUE ligne de la grille?

Answer 1

Si vous utilisez Kendo Grille dans MVC, voici les codes que je utilise:

@(Html.Kendo().Grid<YourDataModel>().Columns(columns => 
{ 
    columns.Bound(c => 
    c.Rating).Title("Rating").ClientTemplate("#= 
    myStarTemplate(data) #")); 
    //columns.Bound for more fields.... 
}) 
)