Discussion :

[sebxid]

Voila je voudrai savoir comment vous ferez pour créer un tableau en Ext.js (jusqu'ici tout va bien) mais dont une colonne contiendrai un Boutton radio.
Bien évidemment ce radio buttons permet de choisir une valeur dans le tableau (mais ce je pense savoir faire)
Le soucis reste donc d'avoir un radio bouton qui apparait a chaque ligne dans une colonne.

[ninatity]

J'ai fait des codes avec un grid avec pour colonne entière des checkbox mais je ne sais pas pour les bouton radio. Pour les checkbox, tu utilise le fichier ux/CheckColumn.js puis Ext.grid.CheckColumn pour définir ta colonne de checkbox.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
var caseacocher = new Ext.grid.CheckColumn({
       header: 'OUI/NON',
       dataIndex: 'valeur',
       width: 55
    });
 
	Ext.grid.GridPanel({store:store,cm:cm,plugins: checkColumn});
	    var store = new Ext.data.Store({
        autoDestroy: true,
        url: '',
        reader: new Ext.data.XmlReader({
            record: '',
            fields: [
                {name: 'valeur', type: 'bool'}
            ]
        })
    });
	var cm = new Ext.grid.ColumnModel({
               defaults: {
            sortable: true           
        },
        columns: [caseacocher]
    });

Sinon tu peux regarder de ce côté http://www.sencha.com/forum/showthre...id.RadioColumn

J'espères que ça peut t'aider

[sebxid]

Oui c'est parfait!
Merci a toi.




en fait non.
Le pb c'est que ce RadioColumn s'occupe des bouttons radion en ligne...
Ce que je souhaiterai c'ets en colonne...
Mais bon la piste est bien je vais approfondir dans ce sens.

Question 2 : ou a t'on un recap des differends plugin existant pour extjs?

[sebxid]

Voici le code pour installer des radio boutons dans une colonne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
Ext.grid.RadioRow = function(config){
    Ext.apply(this, config);
    if(!this.id){
        this.id = Ext.id();
    }
    this.renderer = this.renderer.createDelegate(this);
};
 
Ext.grid.RadioRow.prototype = {
    init : function(grid){
        this.grid = grid;
        this.grid.on('render', function(){
            var view = this.grid.getView();
            view.mainBody.on('mousedown', this.onMouseDown, this);
        }, this);
    },
 
    onMouseDown : function(e, t){
        if(t.className && t.className.indexOf('x-grid3-cc-'+this.id) != -1){
            e.stopEvent();
            var index = this.grid.getView().findRowIndex(t);
            var record = this.grid.store.getAt(index);
            if(record.get(this.dataIndex)) {
                return;
            }
 
            for(var i = 0;i < this.grid.store.getCount(); ++i) {
                    var rec = this.grid.store.getAt(i);
                    if(rec.get(this.dataIndex)) {
                        rec.set(this.dataIndex, false);
                    }   
            }
            record.set(this.dataIndex, true);
        }
    },	
 
    renderer : function(v, p, record){
        p.css += ' x-grid3-check-col-td';
        return '<div class="x-grid3-radio-col'+(v == this.inputValue?'-on':'')+' x-grid3-cc-'+this.id+'"> </div>';
    }
};

Le code est pas de moi bien sur


à installer comme ceci : dans un editorgridpanel (ou autre)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
var tabs = new Ext.grid.EditorGridPanel(
{
	store : ....
         blablabla : ....
                 .... : ....
 
	columns :
	[
	{
		  ....:....
	}
        ,
	{
                   ... : ....
	}
	].concat(radiobutton),
        .....
}

c'est un exemple voila