jsPlumb positionnement des boîtes automatiquement

Question

Je suis assez nouveau pour jsPlumb et je me demandais s'il y a un moyen pour les boîtes/divs (les cases qui se connecter à l'autre) à positionner automatiquement la page. J'ai beaucoup d'entités qui seront récupérées dynamiquement à partir d'une base de données, donc le positionnement "manuel" n'est vraiment pas une option ici. Peu importe où ils se trouvent tant qu'ils ne se chevauchent pas.

D'après ce que j'ai cherché jusqu'à présent, jsPlumb n'a pas de documentation à ce sujet. Je ne suis pas sûr de la façon dont j'aurais un bon positionnement de mes boîtes.

Dans l'exemple ci-dessous, vous pouvez voir que le positionnement des boîtes est pris en charge manuellement en écrivant un tas de CSS pour chaque boîte - je vraiment pas besoin de ça:

#window1 { top:30em;left:10em;} 
#window2 { top:-2em; left:36em;} 
#window3 { top:20em;left:45em; } 
#window4 { top:17em; left:22em;} 

Exemple: http://www.lively-kernel.org/repository/webwerkstatt/users/tmohr/libs/jsPlumb/demo/jquery/flowchartConnectorsDemo.html#

jsFiddle: http://jsfiddle.net/evycd00u/3

aide serait très appréciée.

Answer 1

La position est CSS. Vous pouvez donc utiliser Javascript ou JQuery pour définir la position de vos boîtes en utilisant un processus quelconque:

// e.g. this uses JQuery 
for (var i=0; i<4; i++) { 
    $("#window"+i).css({top: 50+80*i, left: 200}); 
}