Types de cellule par défaut

Les cellules dans ReoGrid peuvent garder un corps de cellule, un corps de cellule doit hériter de CellBody ou implémenter l'interface ICellBody. Pour plus d'informations voir les Cellule personnalisée.

ReoGrid fournit dans la version 0.8.5 les types de cellules par défaut :
  • Button (Bouton)
  • Hyperlink (Lien hypertexte)
  • Check Box (case à cocher)
  • Radio Button (Bouton Radio)
  • Drop-down list (Liste déroulante)
Le Namespace suivant est nécessaire pour utiliser les types de cellules par défaut.
using unvell.ReoGrid.CellTypes;

Bouton

Les boutons ont un évènement appelé 'Click', cet évènement est éxécuté quand l'utilisateur clique sur le bouton dans la cellule.
p01.png
grid[1,2] = new ButtonCell("Hello");

Le corps de la cellule utilise toujours les données de la cellule comme label, donc le code suivant est également correct :
grid[1,2] = new ButtonCell();
grid[1,2] = "Hello";

Hyperlien

Les Hyperliens utilisent les données de la cellule comme URL de navigation.
p02.png
grid[1,2] = new HyperlinkCell("http://www.google.com");

ou
grid[1,2] = new HyperlinkCell();
grid[1,2] = "http://www.google.com";

Boîte à cocher

Une boîte à cocher dans une cellule utilise uniquement une seule cellule. Pour ajouter un label autour d'une boîte à cocher, il est nécessaire d'utiliser une autre cellule comme ceci :
p03.png
// ajout d'une boîte  à cocher avec un label
grid[1,2] = new object[] { new CheckBoxCell(), "Auto destroy after 5 minutes auto-destruction dans 5 minutes." };

Bouton Radio

De la même façon que les boîtes à cocher , les boutons radio n'utilisent qu'une seule cellule.
p04.png
Un bouton Radio ajouté à un RadioGroup ou la spécification des propriétés d'un RadioGroup fera basculer les autres bouton radio automatiquement.
var radioGroup = new RadioButtonGroup();
grid[10, 2] = new object[,] {
  {new RadioButtonCell() { RadioGroup = radioGroup }, "Apple"},
  {new RadioButtonCell() { RadioGroup = radioGroup }, "Orange"},
  {new RadioButtonCell() { RadioGroup = radioGroup }, "Banana"}
};

Liste déroulante

p05.png
Une liste déroulante va mettre à jour la cellule après que l'on ait choisi un élément de la liste déroulante.
var dropdown = new DropdownCell(new object[] { "Apple", "Orange", "Banana", "Pear", 
  "Pumpkin", "Cherry", "Coconut" });
grid[15, 2] = dropdown;

Suivant : Choisir une plage

Last edited Jan 28, 2014 at 1:35 PM by fredatcodeplex, version 8