ExtJS 4 - Comment ajouter des couleurs d'arrière-plan à des colonnes de la grille?

J'ai un grille dont j'ai besoin pour fournir différents couleurs d'arrière-plan à diverses colonnes.

Ces colonne de couleurs convient également de ne pas être écrasé par le mouse-over couleur.

J'ai essayé d'utiliser cls et tdCls mais pas de chance.

Quelqu'un pourrait-il guide à la façon dont cela pourrait être réalisé?

Merci d'avance.

J'ai été en mesure de trouver une solution pour cela. Je suis entrain de créer un convertisseur de fonction pour chaque colonne et je suis en train de les métadonnées comme: moteur de rendu : function(valeur, les métadonnées, d'enregistrement, de rowIndex, colIndex, magasin){ //metadata.tdCls = 'lookUpClass'; métadonnées.style = "background:#EBEBF5'; return valeur; } Lors de l'utilisation de tdCls, son application de la couleur aux lignes alternées et pas chacun. L'espoir c'est de parvenir à une couleur d'arrière-plan et peut-être cela aide quelqu'un. Si une meilleure façon, s'il vous plaît partager.

OriginalL'auteur netemp | 2011-09-16

  1. 5

    NetEmp est là, vous voulez un moteur de rendu et vous souhaitez utiliser le direct "style" de la méthode ou je l'ai fait ci-dessous en utilisant les suivantes:

    function greyRenderer(lpValue, opMeta, opData) 
{

    if (opData.data["Condition"] == 0) {
        opMeta.attr = "style='color: #aaa';";
    }

    lpValue = Ext.util.Format.htmlEncode(lpValue); 
    return lpValue;
}

    Remarque ici, j'ai vérifier la valeur de la ligne dans un champ particulier et ensuite appliquer la couleur à l'avant-plan de texte et html codent pour la sortie, vous pouvez évidemment changer à vos besoins spécifiques.

    Pourquoi ne pas utiliser le opMeta.propriété de style?
    Comme je l'ai mentionné dans la réponse, vous pouvez utiliser le style de la méthode, mais que le rendu est juste que j'ai eu des coups de pied sur. Nous n'étions pas à l'aide de ExtJS4 à l'époque et je crois 'attr' était le seul moyen pour appliquer un style - docs.sencha.com/ext-js/3-4/#!/api/...

    OriginalL'auteur dougajmcdonald

  2. 2

    ajoutez à cela quelle que soit la colonne que vous voulez changer la couleur

    renderer:function(value,metaData){
    metaData.style="background-color:#EAA8A8";
    return value;
},

    OriginalL'auteur Eme

  3. 1

    Vous n'avez pas besoin d'un convertisseur pour cela. Ce qui se passe est que ExtJS zèbres d'entrelacement de style (x-grid-row-alt) et de la souris sur le style préséance sur le style que vous avez défini dans tdCls. Ajouter !important à la couleur de fond et ça marchera. Par exemple:

    .my-column-style {
    background-color: blue !important;
}

    OriginalL'auteur ivern