<
From version < 31.1 >
edited by Alexander Schulz-Rosengarten
on 2023/07/11 10:33
To version < 32.1
edited by Richard Kreissig
on 2023/09/14 10:14
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.als
1 +XWiki.stu230980
Content
... ... @@ -2,7 +2,6 @@
2 2  KLayJS is deprecated and has been replaced by [[elkjs>>url:https://github.com/kieler/elkjs||shape="rect"]]. The documentation below may be **outdated**.
3 3  {{/warning}}
4 4  
5 -\\
6 6  
7 7  The KLay JS project provides our Java-based layout algorithms to the JavaScript community. We leverage the Java to JavaScript compiler of the [[Google Web Toolkit (GWT) >>url:http://www.gwtproject.org/||shape="rect"]]to convert our Java code into a JavaScript library. This allows you to use the full power of our layout algorithms in pure JavaScript.
8 8  
... ... @@ -18,15 +18,15 @@
18 18  
19 19  [[doc:KIELER.Downloads - KLayJS]]
20 20  
21 -{{excerpt-include/}}
22 22  
21 +
23 23  * **Standard Linker**
24 24  I.e. GWT's [[IFrameLinker >>url:http://www.gwtproject.org/javadoc/latest/com/google/gwt/core/linker/IFrameLinker.html||shape="rect"]]that "//loads the GWT module in a separate iframe//".
25 -* **Custom Linker**
24 +* **Custom Linker**
26 26  The linker extends GWT's [[DirectInstallLinker>>url:http://www.gwtproject.org/javadoc/latest/com/google/gwt/core/linker/DirectInstallLinker.html||shape="rect"]] and enables the library to be used with, for instance, Chrome Packaged Apps. According to the javadoc the linker "//adds a script tag to the iframe rather than downloading the code as a string and then installing it into the iframe//". However, when using this linker a lot of GWT's variables will be added to the global namespace.
27 27  * **Web Worker Linker**
28 28  The linker allows to use our library with a [[Web Worker>>url:http://en.wikipedia.org/wiki/Web_worker||shape="rect"]]. It removes GWT generations that are not required for our use case, e.g. loading of browser specific permutations. A bower component is available on GitHub (Thanks to [[automata>>url:https://github.com/automata||shape="rect"]]), a specific example further down on this page.
29 -\\
28 +
30 30  
31 31  == API ==
32 32  
... ... @@ -40,7 +40,7 @@
40 40  * **options** - a JSON object containing layout options that should be used for every hierarchy level of the graph. The same effect can be achieved by specifying the //properties //for every compound node, however, using the //options// object offers a more convenient way. Further information on available layout options can be found [[here>>url:http://layout.rtsys.informatik.uni-kiel.de:9444/Providedlayout.html?algorithm=de.cau.cs.kieler.klay.layered||shape="rect"]].
41 41  * **success(//layouted//)** - a function to be called upon success, the layouted graph is passed as argument.
42 42  * **error(//obj//)** - a function to be called if an error occurs, an object is passed as argument which contains a //text// field with further information about the error.
43 -\\
42 +
44 44  ** (((
45 45  (% class="wrapped" %)
46 46  |=(((
... ... @@ -81,7 +81,7 @@
81 81  context
82 82  )))|(% colspan="1" %)(% colspan="1" %)
83 83  (((
84 -The context of the 
83 +The context of the
85 85  
86 86  {{code language="none"}}
87 87  value
... ... @@ -249,7 +249,6 @@
249 249  </html>
250 250  {{/code}}
251 251  
252 -\\
253 253  
254 254  = See it in Action =
255 255  
... ... @@ -269,6 +269,5 @@
269 269  
270 270  [[image:attach:build_anatomie.png]]
271 271  
272 -\\
273 273  
274 274  (Thanks to [[automata>>url:https://github.com/automata||shape="rect"]])