Author: jcouteau Date: 2010-05-17 12:31:06 +0200 (Mon, 17 May 2010) New Revision: 1911 Url: http://nuiton.org/repositories/revision/jaxx/1911 Log: Add data-binding tutorial Added: trunk/jaxx-tutorial-databinding/ trunk/jaxx-tutorial-databinding/LICENSE.txt trunk/jaxx-tutorial-databinding/README.txt trunk/jaxx-tutorial-databinding/changelog.txt trunk/jaxx-tutorial-databinding/pom.xml trunk/jaxx-tutorial-databinding/src/ trunk/jaxx-tutorial-databinding/src/main/ trunk/jaxx-tutorial-databinding/src/main/java/ trunk/jaxx-tutorial-databinding/src/main/java/org/ trunk/jaxx-tutorial-databinding/src/main/java/org/nuiton/ trunk/jaxx-tutorial-databinding/src/main/java/org/nuiton/jaxx/ trunk/jaxx-tutorial-databinding/src/main/java/org/nuiton/jaxx/tutorials/ trunk/jaxx-tutorial-databinding/src/main/java/org/nuiton/jaxx/tutorials/databinding/ trunk/jaxx-tutorial-databinding/src/main/java/org/nuiton/jaxx/tutorials/databinding/data-binding.css trunk/jaxx-tutorial-databinding/src/main/java/org/nuiton/jaxx/tutorials/databinding/databinding.jaxx trunk/jaxx-tutorial-databinding/src/site/ trunk/jaxx-tutorial-databinding/src/site/rst/ trunk/jaxx-tutorial-databinding/src/site/rst/images/ trunk/jaxx-tutorial-databinding/src/site/rst/images/webstart.gif trunk/jaxx-tutorial-databinding/src/site/rst/index.rst trunk/jaxx-tutorial-databinding/src/site/site_fr.xml trunk/src/site/resources/tutos/alwaysEnabledButton.png trunk/src/site/resources/tutos/disabledButton.png trunk/src/site/resources/tutos/enabledButton.png trunk/src/site/resources/tutos/sliderAfter100.png trunk/src/site/resources/tutos/sliderBefore100.png trunk/src/site/rst/tutos/data-binding.rst Modified: trunk/jaxx-tutorial/pom.xml trunk/src/site/site_fr.xml Modified: trunk/jaxx-tutorial/pom.xml =================================================================== --- trunk/jaxx-tutorial/pom.xml 2010-05-17 10:30:11 UTC (rev 1910) +++ trunk/jaxx-tutorial/pom.xml 2010-05-17 10:31:06 UTC (rev 1911) @@ -46,6 +46,8 @@ <modules> <module>../jaxx-tutorial-helloworld</module> <module>../jaxx-tutorial-helloworld2</module> + <module>../jaxx-tutorial-css</module> + <module>../jaxx-tutorial-databinding</module> <module>../jaxx-tutorial-config</module> </modules> Property changes on: trunk/jaxx-tutorial-databinding ___________________________________________________________________ Added: svn:ignore + target Copied: trunk/jaxx-tutorial-databinding/LICENSE.txt (from rev 1908, trunk/jaxx-tutorial-css/LICENSE.txt) =================================================================== --- trunk/jaxx-tutorial-databinding/LICENSE.txt (rev 0) +++ trunk/jaxx-tutorial-databinding/LICENSE.txt 2010-05-17 10:31:06 UTC (rev 1911) @@ -0,0 +1,166 @@ + GNU LESSER GENERAL PUBLIC LICENSE + Version 3, 29 June 2007 + + Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/> + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + + This version of the GNU Lesser General Public License incorporates +the terms and conditions of version 3 of the GNU General Public +License, supplemented by the additional permissions listed below. + + 0. Additional Definitions. + + As used herein, "this License" refers to version 3 of the GNU Lesser +General Public License, and the "GNU GPL" refers to version 3 of the GNU +General Public License. + + "The Library" refers to a covered work governed by this License, +other than an Application or a Combined Work as defined below. + + An "Application" is any work that makes use of an interface provided +by the Library, but which is not otherwise based on the Library. +Defining a subclass of a class defined by the Library is deemed a mode +of using an interface provided by the Library. + + A "Combined Work" is a work produced by combining or linking an +Application with the Library. The particular version of the Library +with which the Combined Work was made is also called the "Linked +Version". + + The "Minimal Corresponding Source" for a Combined Work means the +Corresponding Source for the Combined Work, excluding any source code +for portions of the Combined Work that, considered in isolation, are +based on the Application, and not on the Linked Version. + + The "Corresponding Application Code" for a Combined Work means the +object code and/or source code for the Application, including any data +and utility programs needed for reproducing the Combined Work from the +Application, but excluding the System Libraries of the Combined Work. + + 1. Exception to Section 3 of the GNU GPL. + + You may convey a covered work under sections 3 and 4 of this License +without being bound by section 3 of the GNU GPL. + + 2. Conveying Modified Versions. + + If you modify a copy of the Library, and, in your modifications, a +facility refers to a function or data to be supplied by an Application +that uses the facility (other than as an argument passed when the +facility is invoked), then you may convey a copy of the modified +version: + + a) under this License, provided that you make a good faith effort to + ensure that, in the event an Application does not supply the + function or data, the facility still operates, and performs + whatever part of its purpose remains meaningful, or + + b) under the GNU GPL, with none of the additional permissions of + this License applicable to that copy. + + 3. Object Code Incorporating Material from Library Header Files. + + The object code form of an Application may incorporate material from +a header file that is part of the Library. You may convey such object +code under terms of your choice, provided that, if the incorporated +material is not limited to numerical parameters, data structure +layouts and accessors, or small macros, inline functions and templates +(ten or fewer lines in length), you do both of the following: + + a) Give prominent notice with each copy of the object code that the + Library is used in it and that the Library and its use are + covered by this License. + + b) Accompany the object code with a copy of the GNU GPL and this license + document. + + 4. Combined Works. + + You may convey a Combined Work under terms of your choice that, +taken together, effectively do not restrict modification of the +portions of the Library contained in the Combined Work and reverse +engineering for debugging such modifications, if you also do each of +the following: + + a) Give prominent notice with each copy of the Combined Work that + the Library is used in it and that the Library and its use are + covered by this License. + + b) Accompany the Combined Work with a copy of the GNU GPL and this license + document. + + c) For a Combined Work that displays copyright notices during + execution, include the copyright notice for the Library among + these notices, as well as a reference directing the user to the + copies of the GNU GPL and this license document. + + d) Do one of the following: + + 0) Convey the Minimal Corresponding Source under the terms of this + License, and the Corresponding Application Code in a form + suitable for, and under terms that permit, the user to + recombine or relink the Application with a modified version of + the Linked Version to produce a modified Combined Work, in the + manner specified by section 6 of the GNU GPL for conveying + Corresponding Source. + + 1) Use a suitable shared library mechanism for linking with the + Library. A suitable mechanism is one that (a) uses at run time + a copy of the Library already present on the user's computer + system, and (b) will operate properly with a modified version + of the Library that is interface-compatible with the Linked + Version. + + e) Provide Installation Information, but only if you would otherwise + be required to provide such information under section 6 of the + GNU GPL, and only to the extent that such information is + necessary to install and execute a modified version of the + Combined Work produced by recombining or relinking the + Application with a modified version of the Linked Version. (If + you use option 4d0, the Installation Information must accompany + the Minimal Corresponding Source and Corresponding Application + Code. If you use option 4d1, you must provide the Installation + Information in the manner specified by section 6 of the GNU GPL + for conveying Corresponding Source.) + + 5. Combined Libraries. + + You may place library facilities that are a work based on the +Library side by side in a single library together with other library +facilities that are not Applications and are not covered by this +License, and convey such a combined library under terms of your +choice, if you do both of the following: + + a) Accompany the combined library with a copy of the same work based + on the Library, uncombined with any other library facilities, + conveyed under the terms of this License. + + b) Give prominent notice with the combined library that part of it + is a work based on the Library, and explaining where to find the + accompanying uncombined form of the same work. + + 6. Revised Versions of the GNU Lesser General Public License. + + The Free Software Foundation may publish revised and/or new versions +of the GNU Lesser General Public License from time to time. Such new +versions will be similar in spirit to the present version, but may +differ in detail to address new problems or concerns. + + Each version is given a distinguishing version number. If the +Library as you received it specifies that a certain numbered version +of the GNU Lesser General Public License "or any later version" +applies to it, you have the option of following the terms and +conditions either of that published version or of any later version +published by the Free Software Foundation. If the Library as you +received it does not specify a version number of the GNU Lesser +General Public License, you may choose any version of the GNU Lesser +General Public License ever published by the Free Software Foundation. + + If the Library as you received it specifies that a proxy can decide +whether future versions of the GNU Lesser General Public License shall +apply, that proxy's public statement of acceptance of any version is +permanent authorization for you to choose that version for the +Library. + Copied: trunk/jaxx-tutorial-databinding/README.txt (from rev 1908, trunk/jaxx-tutorial-css/README.txt) =================================================================== --- trunk/jaxx-tutorial-databinding/README.txt (rev 0) +++ trunk/jaxx-tutorial-databinding/README.txt 2010-05-17 10:31:06 UTC (rev 1911) @@ -0,0 +1,2 @@ +To deploy new version of pom: mvn deploy +To install localy: mvn install Copied: trunk/jaxx-tutorial-databinding/changelog.txt (from rev 1908, trunk/jaxx-tutorial-css/changelog.txt) =================================================================== --- trunk/jaxx-tutorial-databinding/changelog.txt (rev 0) +++ trunk/jaxx-tutorial-databinding/changelog.txt 2010-05-17 10:31:06 UTC (rev 1911) @@ -0,0 +1,2 @@ +2.1.4 + * 20100514 [couteau] - tutorial initialisation \ No newline at end of file Copied: trunk/jaxx-tutorial-databinding/pom.xml (from rev 1908, trunk/jaxx-tutorial-css/pom.xml) =================================================================== --- trunk/jaxx-tutorial-databinding/pom.xml (rev 0) +++ trunk/jaxx-tutorial-databinding/pom.xml 2010-05-17 10:31:06 UTC (rev 1911) @@ -0,0 +1,192 @@ +<?xml version="1.0" encoding="UTF-8"?> +<project xmlns="http://maven.apache.org/POM/4.0.0" + xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" + xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> + + <modelVersion>4.0.0</modelVersion> + + <!-- ************************************************************* --> + <!-- *** POM Relationships *************************************** --> + <!-- ************************************************************* --> + + <parent> + <groupId>org.nuiton.jaxx</groupId> + <artifactId>jaxx-tutorial</artifactId> + <version>2.1-SNAPSHOT</version> + <relativePath>../jaxx-tutorial</relativePath> + </parent> + + <groupId>org.nuiton.jaxx</groupId> + <artifactId>jaxx-tutorial-databinding</artifactId> + + <dependencies> + + <!-- librairie Jaxx --> + <dependency> + <groupId>org.nuiton.jaxx</groupId> + <artifactId>jaxx-runtime</artifactId> + <version>${jaxx.version}</version> + </dependency> + + </dependencies> + + <!-- ************************************************************* --> + <!-- *** Project Information ************************************* --> + <!-- ************************************************************* --> + + <name>JAXX :: Tutorial Data-binding</name> + + <organization> + <name>Nuiton</name> + <url>http://www.nuiton.org/</url> + </organization> + + <!-- ************************************************************* --> + <!-- *** Build Settings ****************************************** --> + <!-- ************************************************************* --> + + <properties> + + <!-- Jaxx version --> + + <jaxx.version>${project.version}</jaxx.version> + + <!-- main class to run --> + + <main.class>org.nuiton.jaxx.tutorials.databinding.databinding</main.class> + + <!-- compiler configuration --> + + <maven.compiler.source>1.5</maven.compiler.source> + <maven.compiler.source>1.5</maven.compiler.source> + + <!-- default encoding --> + + <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> + <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding> + + <!-- to generate jnlp launcher while releasing jaxx --> + <jnlp.skip>false</jnlp.skip> + + <!-- extra files to include in release --> + <redmine.releaseFiles>${redmine.libReleaseFiles}</redmine.releaseFiles> + + </properties> + <build> + + <pluginManagement> + <plugins> + + <plugin> + <artifactId>maven-jar-plugin</artifactId> + <version>2.3</version> + <configuration> + <archive> + <manifest> + <useUniqueVersions>false</useUniqueVersions> + <addClasspath>true</addClasspath> + <classpathPrefix>./lib/</classpathPrefix> + <mainClass>${main.class}</mainClass> + </manifest> + </archive> + </configuration> + </plugin> + + <plugin> + <artifactId>maven-compiler-plugin</artifactId> + <version>2.3</version> + </plugin> + + <plugin> + <artifactId>maven-dependency-plugin</artifactId> + <version>2.1</version> + </plugin> + + <plugin> + <groupId>org.nuiton.jaxx</groupId> + <artifactId>maven-jaxx-plugin</artifactId> + <version>${jaxx.version}</version> + </plugin> + + </plugins> + + </pluginManagement> + + <plugins> + + <plugin> + <groupId>org.nuiton.jaxx</groupId> + <artifactId>maven-jaxx-plugin</artifactId> + <executions> + <execution> + <goals> + <goal>generate</goal> + </goals> + </execution> + </executions> + </plugin> + + <plugin> + <artifactId>maven-dependency-plugin</artifactId> + <executions> + <execution> + <id>copy-dependencies</id> + <goals> + <goal>copy-dependencies</goal> + </goals> + <configuration> + <outputDirectory>target/lib</outputDirectory> + <silent>true</silent> + </configuration> + </execution> + </executions> + </plugin> + + </plugins> + + </build> + + <!-- ************************************************************* --> + <!-- *** Build Environment ************************************** --> + <!-- ************************************************************* --> + + <repositories> + + <!-- nuiton releases repository, needed to get jaxx --> + + <repository> + <id>nuiton.release</id> + <name>NuitonReleaseRepository</name> + <url>http://maven.nuiton.org/release</url> + <snapshots> + <enabled>false</enabled> + </snapshots> + <releases> + <enabled>true</enabled> + <checksumPolicy>warn</checksumPolicy> + </releases> + </repository> + + </repositories> + + <pluginRepositories> + + <!-- nuiton plugin releases repository, needed to get jaxx plugin --> + + <pluginRepository> + + <id>nuiton.release</id> + <name>NuitonReleaseRepository</name> + <url>http://maven.nuiton.org/release</url> + <snapshots> + <enabled>false</enabled> + </snapshots> + <releases> + <enabled>true</enabled> + <checksumPolicy>warn</checksumPolicy> + </releases> + </pluginRepository> + + </pluginRepositories> + +</project> Added: trunk/jaxx-tutorial-databinding/src/main/java/org/nuiton/jaxx/tutorials/databinding/data-binding.css =================================================================== --- trunk/jaxx-tutorial-databinding/src/main/java/org/nuiton/jaxx/tutorials/databinding/data-binding.css (rev 0) +++ trunk/jaxx-tutorial-databinding/src/main/java/org/nuiton/jaxx/tutorials/databinding/data-binding.css 2010-05-17 10:31:06 UTC (rev 1911) @@ -0,0 +1,14 @@ +#tuto { + title:"Data-binding Tutorial"; +} + +#button { + text:"Close" +} + + + +JSlider:{object.getValue() > 100} { + background: {new Color(object.getValue(),0,0)}; +} + Added: trunk/jaxx-tutorial-databinding/src/main/java/org/nuiton/jaxx/tutorials/databinding/databinding.jaxx =================================================================== --- trunk/jaxx-tutorial-databinding/src/main/java/org/nuiton/jaxx/tutorials/databinding/databinding.jaxx (rev 0) +++ trunk/jaxx-tutorial-databinding/src/main/java/org/nuiton/jaxx/tutorials/databinding/databinding.jaxx 2010-05-17 10:31:06 UTC (rev 1911) @@ -0,0 +1,19 @@ + <Application id='tuto'> + + <style source='data-binding.css'/> + + <JTextField id='textField' + constraints='BorderLayout.NORTH'/> + + <JButton text='Button' + constraints='BorderLayout.SOUTH' + onActionPerformed='dispose()' + enabled='{textField.getText().length() != 0}'/> + + <JSlider maximum='200'/> + + + </Application> + + + \ No newline at end of file Added: trunk/jaxx-tutorial-databinding/src/site/rst/images/webstart.gif =================================================================== (Binary files differ) Property changes on: trunk/jaxx-tutorial-databinding/src/site/rst/images/webstart.gif ___________________________________________________________________ Added: svn:mime-type + application/octet-stream Added: trunk/jaxx-tutorial-databinding/src/site/rst/index.rst =================================================================== --- trunk/jaxx-tutorial-databinding/src/site/rst/index.rst (rev 0) +++ trunk/jaxx-tutorial-databinding/src/site/rst/index.rst 2010-05-17 10:31:06 UTC (rev 1911) @@ -0,0 +1,20 @@ +============ +Tutorial CSS +============ + +Set it in action +---------------- + +|webstart| + +To run this example in `Java Web Start`_, click the `following link`_. + +For more details about the `Jaxx Demo webstart`_. + +.. _Java Web Start: http://java.sun.com/products/javawebstart/ + +.. |webstart| image:: images/webstart.gif + +.. _following link: ./jnlp/launch.jnlp + +.. _Jaxx Demo webstart: jnlp-report.html Added: trunk/jaxx-tutorial-databinding/src/site/site_fr.xml =================================================================== --- trunk/jaxx-tutorial-databinding/src/site/site_fr.xml (rev 0) +++ trunk/jaxx-tutorial-databinding/src/site/site_fr.xml 2010-05-17 10:31:06 UTC (rev 1911) @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="UTF-8"?> +<project name="${project.name}"> + + <bannerLeft> + <name>${project.name}</name> + <src>${site.home.url}/jaxx.png</src> + <href>index.html</href> + </bannerLeft> + + <body> + + <breadcrumbs> + <item name="${project.name}" href="index.html"/> + </breadcrumbs> + + <menu ref="parent"/> + + <menu name="Utilisateur" inherited="top"> + <item name="Accueil" href="index.html"/> + <item name="Lancer la démo" href="jnlp/launch.jnlp"/> + </menu> + + </body> +</project> Added: trunk/src/site/resources/tutos/alwaysEnabledButton.png =================================================================== (Binary files differ) Property changes on: trunk/src/site/resources/tutos/alwaysEnabledButton.png ___________________________________________________________________ Added: svn:mime-type + application/octet-stream Added: trunk/src/site/resources/tutos/disabledButton.png =================================================================== (Binary files differ) Property changes on: trunk/src/site/resources/tutos/disabledButton.png ___________________________________________________________________ Added: svn:mime-type + application/octet-stream Added: trunk/src/site/resources/tutos/enabledButton.png =================================================================== (Binary files differ) Property changes on: trunk/src/site/resources/tutos/enabledButton.png ___________________________________________________________________ Added: svn:mime-type + application/octet-stream Added: trunk/src/site/resources/tutos/sliderAfter100.png =================================================================== (Binary files differ) Property changes on: trunk/src/site/resources/tutos/sliderAfter100.png ___________________________________________________________________ Added: svn:mime-type + application/octet-stream Added: trunk/src/site/resources/tutos/sliderBefore100.png =================================================================== (Binary files differ) Property changes on: trunk/src/site/resources/tutos/sliderBefore100.png ___________________________________________________________________ Added: svn:mime-type + application/octet-stream Added: trunk/src/site/rst/tutos/data-binding.rst =================================================================== --- trunk/src/site/rst/tutos/data-binding.rst (rev 0) +++ trunk/src/site/rst/tutos/data-binding.rst 2010-05-17 10:31:06 UTC (rev 1911) @@ -0,0 +1,130 @@ +.. - +.. * #%L +.. * JAXX +.. * +.. * $Id$ +.. * $HeadURL$ +.. * %% +.. * Copyright (C) 2008 - 2010 CodeLutin +.. * %% +.. * This program is free software: you can redistribute it and/or modify +.. * it under the terms of the GNU Lesser General Public License as +.. * published by the Free Software Foundation, either version 3 of the +.. * License, or (at your option) any later version. +.. * +.. * This program is distributed in the hope that it will be useful, +.. * but WITHOUT ANY WARRANTY; without even the implied warranty of +.. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +.. * GNU General Lesser Public License for more details. +.. * +.. * You should have received a copy of the GNU General Lesser Public +.. * License along with this program. If not, see +.. * <http://www.gnu.org/licenses/lgpl-3.0.html>. +.. * #L% +.. - +============ +Data-binding +============ + +Dans ce tutoriel, nous allons voir comment utiliser le `data-binding`_ pour +rendre votre application dynamique très simplement. Dans cet exemple, nous +réaliserons une petite application comprenant un champ texte à remplir, un +slider qui change de couleur en fonction de sa valeur et un boutton permettant +de quitter l'application, mais qui est disponible uniquement lorsque du texte +est entré dans le champ à remplir. + +Textfield et bouton +------------------- + +Nous allons laisser de côté pour l'instant notre slider et nous focaliser sur +le textfield et le bouton. Créons tout d'abord notre vue :: + + <Application id='tuto'> + + <style source='data-binding.css'/> + + <JTextField id='textField' + constraints='BorderLayout.NORTH'/> + + <JButton text='Button' + constraints='BorderLayout.SOUTH' + onActionPerformed='dispose()'/> + + </Application> + +Si vous lancez l'application, le boutton est toujours valide. + +.. image::alwaysEnabledButton.png + +Nous allons donc le modifier et lui rajouter l'attribut :: + + enabled='{textField.getText().length() != 0}' + +Ce que cela va faire c'est rajouter les listeners adéquats pour qu'à chaque fois +que le résultat de textField.getText() change, la propriété enabled du boutton +est réévaluée. En l'occurence, dès que la taille du texte est différente de 0, +le boutton est activé. Essayez pour voir. + +.. image::disabledButton.png + +.. image::enabledButton.png + +Rajoutons le slider +------------------- + +Nous allons rajouter un slider entre notre textField et notre bouton. On +utilisera pour cela le code suivant :: + + <JSlider maximum='200'/> + +Nous souhaitons que lorsque l'on dépasse la moitié du slider (la valeur 100), la +couleur du fond passe à rouge. Nous allons rajouter cela au style de +l'application grace au data-binding. Dans notre feuille de style, rajoutons (ici +est décrit uniquement le style nous intéressant):: + +JSlider:{object.getValue() > 100} { + background: red; +} + +Cela donne : + +.. image::sliderBefore100.png + +.. image::sliderAfter100.png + +Dans le style, il est possible d'utiliser le data-binding sur object, qui sera +remplacé par l'objet en question dans l'application. Ici, comme pour notre +bouton précédemment, nous changeons une propriété (ici background) lorsque la +propriété value dépasse une certaine valeur. + +Conclusion +---------- + +Vous avez découvert comment créer des interfaces dynamiques en utilisant le +data-binding. Vous avez-vu la simplicité ? Vous sentez votre créativité +augmenter ? Avec les bases que vous venez d'acquérir, vous pouvez simplement +créer des applications au look très évolué et dynamique. Il ne reste plus que +votre patte créative à mettre en route. + + +Sources de ce tutoriel +---------------------- + +Les sources de ce tutoriel sont disponibles au `telechargement ici`_. + +.. _telechargement ici::http://nuiton.org/projects/list_files/jaxx + +Lancer ce tutoriel +------------------ + +.. image::webstart.gif + +Pour lancer ce tutoriel via `Java Web Start`_, suivez `ce lien`_. + +Pour plus de détail sur `webstart`_. + +.. _Java Web Start: http://java.sun.com/products/javawebstart/ + +.. _ce lien: ../jaxx-tutorial-databinding/jnlp/launch.jnlp + +.. _webstart: ../jaxx-tutorial-databinding/jnlp-report.html \ No newline at end of file Modified: trunk/src/site/site_fr.xml =================================================================== --- trunk/src/site/site_fr.xml 2010-05-17 10:30:11 UTC (rev 1910) +++ trunk/src/site/site_fr.xml 2010-05-17 10:31:06 UTC (rev 1911) @@ -62,6 +62,7 @@ <item name="Hello World" href="tutos/helloworld.html"/> <item name="Hello World 2" href="tutos/helloworld2.html"/> <item name="Feuilles de style" href="tutos/css.html"/> + <item name="Data-binding" href="tutos/data-binding.html"/> <item name="ConfigUI" href="tutos/config.html"/> </item> </menu>