क्या वाडिन ढांचे के अंदर jQuery का उपयोग करना संभव है?

Question

वैडिन जावा वेब एप्लिकेशन फ्रेमवर्क है, इसलिए क्या वैडिन जावा कोड में jQuery जावास्क्रिप्ट स्निपेट डालना संभव है?

Answer 1

हां यह है।

इस तरह अपने खुद के ApplicationServlet विस्तार वर्ग बनाएँ:

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); 
    } 
} 

फिर अपने web.xml में Vaadin सर्वलेट की जगह (डिफ़ॉल्ट com.vaadin.terminal.gwt.server.ApplicationServlet है):

<servlet-class>com.example.MyApplicationServlet</servlet-class> 

फिर आप कर सकते हैं jQuery कॉल कॉल करके अपने कोड में:

MyApplication.getMainWindow().executeJavascript(jQueryString); 

Answer 2

एक और custo ApplicationServlet के लिए mizing:

JavaScript.getCurrent().execute("...javascript code here...") 

बड़ा स्क्रिप्ट के साथ सावधान रहें:

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); 
    } 

} 

Answer 3

आप @JavaScript और @StyleSheet एनोटेशन

@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 { 
... 
} 

निष्पादन के लिए उपयोग कर सकते हैं। वाडिन एनोटेशन के माध्यम से जावास्क्रिप्ट जोड़ना बहुत खराब प्रदर्शन है। मैन्युअल रूप से HTML शीर्षलेख में स्क्रिप्ट इंजेक्ट करें।