Skip to content

v8.3

Compare
Choose a tag to compare
@JabX JabX released this 09 Nov 14:52
· 1279 commits to master since this release

Drag and drop depuis une liste

dnd

Il est désormais possible d'utiliser du drag and drop pour manipuler les éléments d'une liste. La fonctionnalité utilise react-dnd de façon standard et s'interface donc naturellement avec d'autres containers issus de la librarie (les éléments sont des DragSource).

Pour l'utilisation, se référer à la documentation de react-dnd. Le drag and drop s'active dans une liste via la prop hasDragAndDrop et le type d'élément par la prop dragItemType. La liste insère dans le monitor de react-dnd la liste des éléments sélectionnés (même s'il n'y en a qu'un), que l'on peut récupérer par la méthode utilitaire getDraggedItems(monitor).

Exemple de code ici

Remarque : Aucune action sur les objets sélectionnés n'est implémentée par défaut, c'est à l'utilisateur de faire ce qui lui convient dans la méthode drop de la DropTarget.

Autres changements

  • breaking : Le message de sauvegarde dans un AutoForm est maintenant ajouté dans la méthode onFormSaved au lieu de save, ce qui veut dire qu'il est maintenant possible de le supprimer/remplacer dans cette méthode. Cela veut aussi dire que si vous avez des onFormSaved existants qui n'appellent pas super, vous n'aurez plus le message. Pour conserver le comportement actuel dans ce cas là, il suffit d'appeler la méthode parente par super.onFormSaved().
  • Le Select traduit les labels des options
  • Les décorateurs de réaction (@classAutorun et autres) s'exécutent maintenant après l'éventuel componentWillMount et plus avant. La raison principale de ce changement et de passer après init() dans un AutoForm pour pouvoir utiliser this.entity, ce qui était impossible avant. Aussi, les réactions seront exécutées dans l'ordre de déclaration dans la classe (avant c'était à l'envers).