Poiché Vaadin è un framework di applicazioni Web Java, è quindi possibile inserire lo snippet javascript jQuery nel codice Java Vaadin?È possibile utilizzare jQuery all'interno del framework Vaadin?
risposta
Sì, lo è.
Creare la tua classe che estende ApplicationServlet come questo:
public class MyApplicationServlet extends ApplicationServlet {
@Override
protected void writeAjaxPageHtmlVaadinScripts(Window window,
String themeName, Application application, BufferedWriter page,
String appUrl, String themeUri, String appId,
HttpServletRequest request) throws ServletException, IOException {
page.write("<script type=\"text/javascript\">\n");
page.write("//<![CDATA[\n");
page.write("document.write(\"<script language='javascript' src='./jquery/jquery-1.4.4.min.js'><\\/script>\");\n");
page.write("//]]>\n</script>\n");
super.writeAjaxPageHtmlVaadinScripts(window, themeName, application,
page, appUrl, themeUri, appId, request);
}
}
quindi sostituire il servlet Vaadin nel web.xml (il valore predefinito è com.vaadin.terminal.gwt.server.ApplicationServlet
):
<servlet-class>com.example.MyApplicationServlet</servlet-class>
È quindi possibile effettuare chiamate jQuery nel tuo codice chiamando:
MyApplication.getMainWindow().executeJavascript(jQueryString);
Come ho provato, il codice di questa riga: MyApplication.getMainWindow(). ExecuteJavascript (jQueryString); può funzionare solo per un semplice codice javascript. Non sembra abbastanza per supportare un codice js più complesso. – Kyleinincubator
Non conosco bene jQuery, ma almeno nella mia applicazione Vaadin è usato dai grafici Invient (basato su Highcharts). Funzionerebbe per te se dichiarassi la tua roba jQuery in un file js, la metti nelle intestazioni di pagina (come jQuery.js) e chiamassi le tue funzioni con executeJavascript? E inoltre, hai controllato (w/firebug o simile) che la libreria jQuery è stata caricata con successo? – miq
Inoltre, controllare questo esempio: http://vaadinjquery.appspot.com/ – miq
Un altro custo pro- tetta per ApplicationServlet:
public class VaadinApplicationServlet extends ApplicationServlet {
@Override
protected void writeAjaxPageHtmlHeader(BufferedWriter page, String title, String themeUri, HttpServletRequest request) throws IOException {
page.write("<script language='javascript' src='http://code.jquery.com/jquery-1.8.0.min.js'></script>");
super.writeAjaxPageHtmlHeader(page, title, themeUri, request);
}
}
Offriamo le @JavaScript e @StyleSheet annotazioni
@StyleSheet({
/*
* JQuery UI
*/
"vaadin://jquery/jquery-ui-1.9.2.custom/css/ui-darkness/jquery-ui-1.9.2.custom.min.css",
})
@JavaScript({
/*
* JQuery
*/
"vaadin://jquery/jquery-1.11.1.min.js",
/*
* JQuery UI
*/
"vaadin://jquery/jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.min.js",
})
public class MyUI extends UI {
...
}
di esecuzione:
JavaScript.getCurrent().execute("...javascript code here...")
stare attenti con gli script più grandi. L'aggiunta di javascript tramite l'annotazione di vaadin ha prestazioni molto scarse. Meglio iniettare manualmente lo script nell'intestazione HTML.
Dove vanno i file (ad esempio '/ jquery/...')? In quale cartella del progetto? – luckydonald
I file vanno nella cartella "VAADIN" dell'applicazione a cui è possibile accedere tramite l'URL "vaadin: //" – d2k2
- 1. È possibile utilizzare il framework Spring per le applicazioni batch?
- 2. È possibile utilizzare ancora .NET Framework 1.1 in VisualStudio 2010?
- 3. È possibile utilizzare Mocha Framework su un modello in Sails.js?
- 4. È possibile utilizzare Django con il framework Qooxdoo?
- 5. È possibile utilizzare jQuery per leggere i meta tag
- 6. Vaadin eclipse installazione del plugin
- 7. Come utilizzare il modello HTML con Vaadin?
- 8. Vaadin 7 - Buon framework ma non per il mio progetto
- 9. È possibile utilizzare i collegamenti in un'etichetta modulo mobile JQuery?
- 10. È possibile utilizzare jquery per aggiungere commenti dinamici al codice?
- 11. è dirottamento jquery possibile
- 12. È possibile giustificare il testo all'interno del framework bootstrap?
- 13. Vaadin e Spring MVC Integration
- 14. Utilizzo di widget Vaadin in un'applicazione GWT
- 15. È possibile utilizzare Ajax per caricare file?
- 16. Come utilizzare i repository di dati Spring come Vaadin JPAContainer
- 17. Vaadin SEO come?
- 18. Utilizzo di Clojure con Vaadin
- 19. Vaadin Touchkit o mgwt
- 20. È possibile utilizzare LINQ in PowerShell?
- 21. Combobox Vaadin
- 22. È possibile utilizzare newline all'interno del blocco di codice roxygen2?
- 23. È possibile utilizzare l'autenticazione del digest con un XMLHTTPRequest?
- 24. È possibile utilizzare DisplayFor() dall'interno del controllo modello EditorFor
- 25. È possibile utilizzare OutputCache sui metodi del controller mvc JsonResult?
- 26. È possibile installare .NET framework su Mac?
- 27. Disabilita l'evento di ridimensionamento sull'evento del calendario personalizzato, è possibile?
- 28. Vaadin JpaContainer
- 29. Vaadin - Espandi componenti in Grid Layout in Vaadin
- 30. È possibile utilizzare più indici utilizzando HasColumnAnnotation?
Non vedo perché no, ma non vedo perché vorreste ... sicuramente il framework consente la visualizzazione separata e il controller? – bdares
Il framework fornisce al componente personalizzato l'uso del codice js nativo. Tuttavia, mentre ho provato un codice js complesso, probabilmente non è successo nulla. Questo è il motivo per cui ho fatto questa domanda. – Kyleinincubator