Javascript Girl
  1. Javascript Girl
  3. Gris sur une rangée dans la grille kendo en fonction de la valeur de la colonne
Intereting Posts
BackBrowser.js PushStates: Fallback pour Internet Explorer ne fonctionne pas Existe-t-il un équivalent en PHP de "nouveau tableau (nombre)" dans javascript? Comment puis-je spécifier mon propre contexte Rhino en Java? Bloqué un cadre avec l'origine "http://static.ak.facebook.com" d'accéder à un cadre avec origine Javascript Objet audio contre HTML5 Étiquette audio Obtenir une partie de la chaîne à l'aide de regexp Défilement infini avec React JS Comment calcule-t-on les demandes de limites sans perte en utilisant RxJS 5 Faites apparaître 80% de largeur du parent dans React Native JQuery change div background-image avec fadeIn / Out Basculer les divs sans utiliser Javascript JQuery remplace par un tableau Ajouter un élément avec fondu en cours Temporisation sur le clic Comment ajouter une numérotation sur chaque marqueur dans Google Maps v3?

Gris sur une rangée dans la grille kendo en fonction de la valeur de la colonne

J'ai une grille Kendo dont les valeurs sont peuplées en fonction d'un appel postérieur. J'ai besoin de gris sur une ligne entière si l'une de la colonne a une valeur "INSCRIT".

Y a-t-il une façon d'y parvenir?

Ajoutez une fonction de gestionnaire pour l' événement OnDataBound . Dans le gestionnaire d'événements OnDataBound, ajoutez jQuery cette colonne gris, quelque chose comme ceci: 

function onDataBound(event) { // ... // Assumes your Kendo grid DOM element, or other appropriate element enclosing your disabled rows, is in the "el" variable el.find( ":contains('REGISTERED')" ).addClass("disabled"); } <style> .disabled { color: #999; } /* Or however you want to grey it out */ </style>

Regardez cet exemple, je vérifie toutes les lignes pour voir si cela correspond à une condition, puis la coloration. Il suffit d'ajouter cet événement dans l'événement DataBound de la grille comme celle-ci 

 .DataBound("onRowBound")

Ensuite, vérifiez la condition 

 static onRowBound(e) { var grid = $("#Funciones").data("kendoGrid"); grid.tbody.find('>tr').each( function () { var dataItem = grid.dataItem(this); if (dataItem.ColumnName == "REGISTERED") { $(this).css('background', 'gray'); } }); }