Comment colorer la colonne de manière conditionnelle avec select type d'édition et sans formater personnalisé

Question

Je voudrais colorier le texte d'une colonne de façon conditionnelle en sélectionnant le type d'édition. Si j'utilise un formateur personnalisé, la valeur est modifiée. Voici mes extraits de code qui ne fonctionnent pas,

function generateEventHandlerGrid(eventsJson){ 
     var eventGrid = $("#eventGrid"); 
      eventGrid.jqGrid({ 
       datatype: 'local', 
       data: eventsJson.eventInfo, 
      jsonReader: {repeatitems: false}, 
    colNames: ['Event Category', 'Event Creation'], 
{name: 'eventCategory', index: 'eventCategory',align:"center"}, 
{name: 'enabled', index: 'enabled', width:"100px",align:"center",editable:true,edittype: 'select', 
       editoptions: {value: "1:Enable;0:Disable"}, formatter: function (cellvalue, options, rowObject){ 
        if (rowObject.enabled == 1){ 
         var cellHtml = "<span style='color:" + "red" + "' originalValue='" + rowObject.enabled + "'>" + "Enable" + "</span>"; 
         return cellHtml; 
        }else{ 
         var cellHtml = "<span style='color:" + "green" + "' originalValue='" + rowObject.enabled + "'>" + "Disable" + "</span>"; 
         return cellHtml; 
        } 
       }}], 
    viewrecords: true, 
    gridview: true, 
    rownumbers: true, 
    shrinkToFit: false, 
       height: strMinimumHeight, 
       editurl: "clientArray", 
       restoreAfterSelect: false, 
       loadonce: true, 
    } 

Comment définir la couleur du texte en fonction de la valeur sans formateur personnalisé?

Answer 1

Le but de formatter personnalisé est le format contenu de la cellule. Ce que vous essayez de faire dans votre code actuel est le réglage styleattribut sur l'élément DOM externe dans la cellule. La meilleure caractéristique pour cela est le rappel cellattr. Ainsi, vous pouvez toujours utiliser un formateur, par exemple, formater le contenu comme date et toujours définir un style ou une classe, qui modifie l'attribut de la cellule.

La liste exacte des paramètres du rappel cellattr dépend de la version et de la branche de jqGrid que vous utilisez. Vous pouvez essayer de remplacer formatter avec cellattr avec le code suivant

cellattr: function (rowid, cellValue, rowData, cm, item) { 
    return " style='color:" + (rowData.enabled == 1 ? "red" : "green") + "'"; 
}