Changes for page JavaScript (KLayJS)
Last modified by Richard Kreissig on 2023/09/14 10:14
<
edited by Alexander Schulz-Rosengarten
on 2023/07/11 10:33
on 2023/07/11 10:33
edited by Richard Kreissig
on 2023/09/14 10:14
on 2023/09/14 10:14
Change comment:
There is no comment for this version
Summary
-
Page properties (2 modified, 0 added, 0 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. als1 +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"]])