Mxgraph : Modifier le nom d’un composant lors de la création

Pour permettre la saisie du nom du nouvel objet après un drag and drop, tu peux utiliser la fonction graph.startEditingAtCell(cell).


Solution : Activer l’édition automatique après le drop

Ajoute cette ligne après l’ajout du vertex :

const newVertex = graph.insertVertex(parent, null, "Nouvel Objet", 100, 100, 120, 50, "blueVertex");

// Activer l'édition immédiate pour saisir un nom
graph.startEditingAtCell(newVertex);


🎯 Explication :

  1. Le vertex est ajouté via insertVertex().
  2. La saisie commence immédiatement grâce à startEditingAtCell(newVertex).
  3. L’utilisateur peut entrer un nom directement sans devoir double-cliquer.

Bonus : Ajouter un placeholder temporaire

Si tu veux afficher "Entrez un nom" par défaut et le remplacer lors de la saisie :

const newVertex = graph.insertVertex(parent, null, "Entrez un nom", 100, 100, 120, 50, "blueVertex");
graph.startEditingAtCell(newVertex);


Avec cette approche, dès que tu fais un drag and drop, l’utilisateur peut directement taper un nom au lieu d’un simple « Nouvel Objet ». 🔥

Avatar de Inconnu

About Duarte TERENCIO

Architecte Solutions
Cet article, publié dans Cloud computing, est tagué . Ajoutez ce permalien à vos favoris.

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur la façon dont les données de vos commentaires sont traitées.