[EXTJS 4.2.5] Grid, CheckboxModel, désactiver un checkbox ?

Version imprimable

Bonjour à tous,

Voilà le problème que je n'arrive pas résoudre hélas.

J'ai une grid groupée avec 1 colonne.
Le champ qui permet le regroupement est nommé "REPLACE", et la colonne visible est nommée "SEARCH"
j'ai donc des enregistrements de ce style:
Code:

1 2 3 4 5 SEARCH REPLACE societe A sarl SOC A societe A sa SOC A societe B eurl SOC B etc...
Ce qui donne dans ma grille
Code:

1 2 3 4 5 6 SOC A societe A sarl societe A sa SOC B societe B eurl
En fait ce sont des propositions que je calcule grâce à un petit algo,
mais cet algo n'est pas parfait surtout pour les noms courts.
Parfois un nom dans SEARCH se retrouve plusieurs fois dans d'autres SEARCH
par exemple:
Code:

1 2 3 4 5 6 7 SMITH smiths smoths SMOTH smiths smoths
Bref, j'ai donc dans ma GRID un colonne en plus CheckboxModel,

Comment faire pour que quand l'utilisateur check par exemple "smiths" de SMITH, le "smiths" de SMOTH se disabled ?

En gros comment rendre disabled un checkbox dans une ligne ?

je n'ai pas trouvé, je sais que je dois utiliser "onselectionchange" de la grille (que j'utilise déjà pour un bouton "Ok")
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 onSelectionChangeFuzzy: function(model, records) { var myFuzzyGrid = this.getRefgridfuzzy(); var btnAssign = this.getRefbcrossassign(); btnAssign.setDisabled(Ext.isEmpty(records)); myFuzzyGrid.getStore().each(function(record){ // ici disabled la ligne qui répond à mon test }); },
mais comment faire pour rendre disabled une ligne ? enfin je veux dire son checkbox ?

D'avance merci pour votre aide,
Bruno

J'ai un tout petit peu avancé dans mon problème mais cela ajoute un problème supplémentaire :weird:

je fais des essais, j'ai fait la chose suivante, j'ai défini un class .hidden { display: 'none'; } dans mon css, et j'ajoute cette class aux enregistrements que
l'utilisateur a chochés

je sais que ce code ne rime à rien mais je tente des choses pour supprimer/cacher les doublons (donc soit je disable le checkbox, soit je cache la ligne)
ici je cache la ligne que l'utilisateur vient de cocher (je sais ça ne rime à rien) mais cela s'approche de ce que je veux faire,
il suffira que j'ajoute et je choisisse bien ma condition IF dans ma boucle, bref...

le problème ici c'est que ma grid perd le GROUPING si je coche le premier élément d'un GROUP ??!!!
Les enregistrements du groupe courant passe dans le groupe du dessus.

Si quelqu'un sait pourquoi, je suis preneur...
Code:

1 2 3 4 5 6 7 8 9 onSelectionChangeFuzzy: function(model, selectedRecords) { var myFuzzyGrid = this.getRefgridfuzzy(); Ext.each(selectedRecords, function(record){ var rowIndex = myFuzzyGrid.store.indexOf(record); myFuzzyGrid.view.addRowCls(rowIndex, 'hidden'); }); },

02/11/2016, 00h15
abraxis

Bonjour,

Pour rendre une checkcolumn disabled, il faut le faire en css.
Les checkbox dans les grids sont des images.
Je te donnerai un exemple demain pour désactiver une checkcolumn.

Bonjour Abraxis,

j'ai de mon côté encore avancé, j'ai maintenant bloqué le click sur un checkbox en faisant ceci:

Ce que je fais c'est valider ou pas le click avant son changement d'état. Mais j'avoue que l'utilisateur ce n'est pas top car
le checkbox a toujours le même aspect.

Je suis preneur pour ton petit bout de code CSS, et aussi l'endroit où on doit faire le addRowCls ou un truc de ce genre je suppose

En tout cas merci !
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 onBeforeSelectFuzzy: function(selModel, record, index) { var sRecSelected = selModel.getSelection(); var curTrouve = record.get('form'); var canbeselected = true; Ext.each(sRecSelected, function(rec){ if (rec.get('form')===curTrouve) { canbeselected = false; } }); if (!canbeselected) { return false; } },

Voici le renderer de la coloumn avec la checkbox

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
    var cssPrefix = Ext.baseCSSPrefix,
         cls = [cssPrefix + 'grid-checkcolumn'];
    if(record) {
        if (TA_CONDITION) {
            metaData.tdCls += ' ' + this.disabledCls;
        }
                                    
        if(value) {
            cls.push(cssPrefix + 'grid-checkcolumn-checked');
        }

        return '<img class="' + cls.join(' ') + '" src="' + Ext.BLANK_IMAGE_URL + '"/>';
    } else {
        return value;
    }
},

02/11/2016, 13h53
Bruno13

Super merci,

maintenant je vais voir comment je peux appliquer ce CSS en dynamique dans mon appli,
Je ne peux pas le mettre dans le onRender puisque l’événement n'est appelé qu'une seule fois et non à chaque fois
que je coche/décoche une ligne.

Merci bcp pour ton code !

Amicalement,
Bruno