Buenas,
Estoy intentado añadir un add-on a mi app pero cuando la ejecuto en el servidor me dice que tiene un problema con el WidgetSet y no se lo que es
Alguien sabe de algun tutorial o me podria ayudar con el widgetset?
Muchas gracias de antemano
Buenas,
Estoy intentado añadir un add-on a mi app pero cuando la ejecuto en el servidor me dice que tiene un problema con el WidgetSet y no se lo que es
Alguien sabe de algun tutorial o me podria ayudar con el widgetset?
Muchas gracias de antemano
Hola,
muestra que version de vaadin estas usando, debes de compilar tu addon primero, intenta con mvn clean install , tu pom.xml deberia estar también correcto.
Uso Vaadin 8, y ya he instalado el addon con maven y sigue apareciendo lo del widgetset
Me sale este mensaje
17625916.bmp (481 KB)
despues de aplicar el comando de arriba, oprime control+f5 para ignorar la cache de chrome.
Nada, lo mismo
pasame el nombre del addon
AdvancedTokenField
https://vaadin.com/directory/component/advancedtokenfield-add-on/0.5.1
Es este
Ernesto Vivar:
AdvancedTokenFieldhttps://vaadin.com/directory/component/advancedtokenfield-add-on/0.5.1
Me funciona bien con vaadin 8.4.1 claro tambien use springboot es mas facil.
ahora usare vaadin 8.3.2, como decia jack el destripador empecemos por trozos.
el comando para compilar el tema es este
vaadin:compile-theme
el pom.xml lo tengo de esta manera
<?xml version="1.0"?>
<project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"
xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>com.test</groupId>
<artifactId>Token</artifactId>
<version>1.0-SNAPSHOT</version>
</parent>
<groupId>Token</groupId>
<artifactId>test</artifactId>
<version>1.0-SNAPSHOT</version>
<packaging>war</packaging>
<properties>
<failOnMissingWebXml>false</failOnMissingWebXml>
<maven.compiler.source>1.8</maven.compiler.source>
<maven.compiler.target>1.8</maven.compiler.target>
<vaadin.version>8.3.2</vaadin.version>
</properties>
<repositories>
<repository>
<!-- Many Vaadin add-ons are only available from
vaadin-addons repository (aka vaadin.com/directory).
-->
<id>vaadin-addons</id>
<url>http://maven.vaadin.com/vaadin-addons</url>
</repository>
<repository>
<!-- Repository for Vaadin prerelease versions -->
<id>vaadin-prereleases</id>
<url>http://maven.vaadin.com/vaadin-prereleases</url>
</repository>
</repositories>
<pluginRepositories>
<pluginRepository>
<!-- Repository for Vaadin prerelease versions -->
<id>vaadin-prereleases</id>
<url>http://maven.vaadin.com/vaadin-prereleases</url>
</pluginRepository>
</pluginRepositories>
<dependencyManagement>
<dependencies>
<dependency>
<groupId>com.vaadin</groupId>
<artifactId>vaadin-bom</artifactId>
<version>${vaadin.version}</version>
<type>pom</type>
<scope>import</scope>
</dependency>
</dependencies>
</dependencyManagement>
<dependencies>
<!-- AdvancedTokenField -->
<dependency>
<groupId>com.fo0.advancedtokenfield</groupId>
<artifactId>AdvancedTokenField</artifactId>
<version>0.5.1</version>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.1.0</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>com.vaadin</groupId>
<artifactId>vaadin-server</artifactId>
</dependency>
<dependency>
<groupId>com.vaadin</groupId>
<artifactId>vaadin-client-compiled</artifactId>
</dependency>
<dependency>
<groupId>com.vaadin</groupId>
<artifactId>vaadin-themes</artifactId>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.eclipse.jetty</groupId>
<artifactId>jetty-maven-plugin</artifactId>
<version>9.3.7.v20160115</version>
</plugin>
<!-- Vaadin maven plugin for client-side compilation -->
<plugin>
<groupId>com.vaadin</groupId>
<artifactId>vaadin-maven-plugin</artifactId>
<version>${vaadin.version}</version>
<executions>
<execution>
<goals>
<goal>update-widgetset</goal>
<goal>compile</goal>
</goals>
</execution>
</executions>
<configuration>
<!-- The widgetset compilation mode (local / fetch from CDN
/ CDN only). The allowed values are "local", "fetch"
and "cdn".
-->
<widgetsetMode>local</widgetsetMode>
</configuration>
</plugin>
</plugins>
</build>
</project>
el archivo addon.scss
/* This file is automatically managed and will be overwritten from time to time. */
/* Do not manually edit this file. */
/* Provided by searchdropdown-0.3.0.jar */
@import "../../../VAADIN/addons/searchdropdown/searchdropdown.scss";
/* Import and include this mixin into your project theme to include the addon themes */
@mixin addons {
@include searchdropdown;
}
el archivo styles.css
@import "mytheme.scss";
@import "addons.scss";
@import "../../../../resources/VAADIN/addons/searchdropdown/searchdropdown.scss";
// This file prefixes all rules with the theme name to avoid causing conflicts with other themes.
// The actual styles should be defined in mytheme.scss
.mytheme {
@include addons;
@include mytheme;
@include searchdropdown;
}
dentro de
src\main\resources\VAADIN\themes\mytheme
luego de tener eso listo, es que usaremos el comando para compilar el tema
vaadin:compile-theme
mvn clean install
mvn jetty:run
MyUI
@Theme("mytheme")
public class VaadinUI extends UI {
private AdvancedTokenField advancedTokenField = new AdvancedTokenField();
private VerticalLayout verticalLayout = new VerticalLayout(advancedTokenField);
@Override
protected void init(VaadinRequest vaadinRequest) {
advancedTokenField.setAllowNewTokens(true);
setContent(verticalLayout);
}
}
Nos podría quedar de la siguiente manera, control+f5 en el browser
Solucionado, muchas gracias