CellEditor personnalisé
Tous les composants de type ColumnViewer (TableViewer et TreeViewer) peuvent éditer des éléments. Une édition se caractérise par :
- un modèle qui détermine si l’édition est autorisée, la valeur à afficher lors de l’édition et la nouvelle valeur saisie ;
- un composant appelé Editor permettant de modifier la valeur d’un élément. Un Editor doit satisfaire la classe CellEditor .
C’est ce dernier point qui nous intéresse. L’API Eclipse fournit un ensemble de CellEditor prédéfini :
TextCellEditorpour l’édition d’un simple texte ;ColorCellEditorpour le choix d’une couleur ;ComboboxCellEditorpour le choix d’une boite à sélection multiple ;CheckboxCellEditorpour le choix dans une boite à cocher ;DialogCellEditorpour la saisie d’une valeur dans une boite de dialogue.
Si par contre vous devez fournir votre propre Editor, lisez la suite…
La capture d’écran (une table avec trois colonnes dont la 1ère fournit un éditeur personnalisé composé d’un Label avec la valeur “Saisir :” et d’un Text pour l’édition)
Chaque colonne a un ViewerColumn pour définir le LabelProvider et EditingSupport. C’est ce dernier qui est employé pour préciser si l’édition est autorisé ou pas, la valeur à afficher lors de l’édition et retourner la valeur au modèle.
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
class MyEditingSupport extends EditingSupport {
private MyCustomCellEditor editor;
private Viewer myViewer;
public MyEditingSupport(ColumnViewer viewer) {
super(viewer);
myViewer = viewer;
editor = new MyCustomCellEditor((Composite)viewer.getControl(), SWT.NONE);
}
protected boolean canEdit(Object element) {
return true;
}
protected CellEditor getCellEditor(Object element) {
return editor;
}
protected Object getValue(Object element) {
Person current = (Person)element;
return current.getName();
}
protected void setValue(Object element, Object value) {
Person current = (Person)element;
current.setName((String)value);
myViewer.refresh();
}
}
La méthode getCellEditor permet de préciser l’éditeur à afficher au moment de l’édition. Cette méthode doit retourner un objet de type CellEditor.
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
43
44
class MyCustomCellEditor extends CellEditor {
private Text myText;
private Composite myComposite;
public MyCustomCellEditor(Composite parent, int style) {
super(parent, style);
}
protected Control createControl(Composite parent) {
myComposite = new Composite(parent, SWT.NONE);
GridLayout gridLayout = new GridLayout();
gridLayout.numColumns = 2;
gridLayout.marginTop = -5;
gridLayout.marginBottom = -5;
gridLayout.verticalSpacing = 0;
gridLayout.marginWidth = 0;
myComposite.setLayout(gridLayout);
Label myLabel = new Label(myComposite, SWT.NONE);
myLabel.setText("Saisir : ");
myText = new Text(myComposite, SWT.NONE);
myText.setLayoutData(new GridData(GridData.FILL\_BOTH));
myText.addSelectionListener(new SelectionAdapter() {
public void widgetDefaultSelected(SelectionEvent e) {
MyCustomCellEditor.this.fireApplyEditorValue();
}
});
return myComposite;
}
protected Object doGetValue() {
return myText.getText();
}
protected void doSetFocus() {
myText.setFocus();
myText.selectAll();
}
protected void doSetValue(Object element) {
if (element instanceof String) {
myText.setText((String)element);
}
}
}
Ci-dessus un CellEditor personnalisé : les méthodes createControl, doGetValue, doSetFocus et doSetValue doivent être implémentées car elles sont abstraites.
La construction du composant d’édition est réalisée par la méthode createControl. Comme vous pouvez le constater cette méthode doit retourner un objet de type Control. Par conséquent toutes les folies sont possibles. Nous pourrions imaginer lors de l’édition d’une cellule, d’afficher un autre tableau.
L’exemple complet peut être trouvé ici.
Je suis Mickaël BARON Ingénieur de Recherche en Informatique à l'ISAE-ENSMA et membre du laboratoire LIAS le jour
Veilleur Technologique la nuit
#Java #Container #VueJS #Services #WebSemantic
Derniers articles et billets
