Download portlet from following link
portlet war file you can directly place into your deploy directory It will be deployed.
Make sure liferay version should be 6.1x
You can get source code too..
Steps to create Liferay JSON DWR Portlet
Create MVC portlet using Liferay IDE
Configure DWR serve let in portlet web.xml file.
<listener> <listener-class>org.directwebremoting.servlet.DwrListener</listener-class> </listener> <servlet> <servlet-name>dwr-invoker</servlet-name> <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> <init-param> <param-name>fileUploadMaxBytes</param-name> <param-value>25000</param-value> </init-param> <!-- This should NEVER be present in live --> <init-param> <param-name>debug</param-name> <param-value>true</param-value> </init-param> <init-param> <param-name>accessLogLevel</param-name> <param-value>runtimeexception</param-value> </init-param> <!-- Remove this unless you want to use active reverse ajax --> <init-param> <param-name>activeReverseAjaxEnabled</param-name> <param-value>true</param-value> </init-param> <!-- By default DWR creates application scope objects when they are first used. This creates them when the app-server is started --> <init-param> <param-name>initApplicationScopeCreatorsAtStartup</param-name> <param-value>true</param-value> </init-param> <!-- WARNING: allowing JSON-RPC connections bypasses much of the security protection that DWR gives you. Take this out if security is important --> <init-param> <param-name>jsonRpcEnabled</param-name> <param-value>true</param-value> </init-param> <!-- WARNING: allowing JSONP connections bypasses much of the security protection that DWR gives you. Take this out if security is important --> <init-param> <param-name>jsonpEnabled</param-name> <param-value>true</param-value> </init-param> <!-- data: URLs are good for small images, but are slower, and could OOM for larger images. Leave this out (or keep 'false') for anything but small images --> <init-param> <param-name>preferDataUrlSchema</param-name> <param-value>false</param-value> </init-param> <!-- For more information on these parameters, see: - http://getahead.org/dwr/server/servlet - http://getahead.org/dwr/reverse-ajax/configuration --> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping> |
Create dwr.xml file in WEB-INF directory of your portlet
Add following tags in dwr.xml
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd"> <dwr> <allow> </allow> </dwr> |
Create Java class based on your need
In my example my java class is com.meere.dwr.json.Person.java
Configure java class in dwr.xml files
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd"> <dwr> <allow> <create creator="new" javascript="Person"> <param name="class" value="com.meera.dwr.json.Person"/> </create> </allow> </dwr> |
Access your java class in your jsp page i.e. Client side
Add following java script files in your jsp
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type='text/javascript' src='<%=renderRequest.getContextPath()%>/dwr/interface/Person.js'> </script> <script type='text/javascript' src='<%=renderRequest.getContextPath()%>/dwr/engine.js'> </script> <script type='text/javascript' src='<%=renderRequest.getContextPath()%>/dwr/util.js'> </script> |
Note:
In above Person.js and engine.js,util.js file physically not existed any where don’t worry .
And whatever the attribute value you used for JavaScript in dwr.xml file by that name your client side java script will be created i.e. in my case Person.js
dwr.xml
<create creator="new"javascript="Person">
<param name="class"value="com.meera.dwr.json.Person"/>
</create>
Java script call in jsp page
<script type='text/javascript' src='<%=renderRequest.getContextPath()%>/dwr/interface/Person.js'> </script>
Engine.js is common for all….
<script type='text/javascript'src='<%=renderRequest.getContextPath()%>/dwr/engine.js'> </script>
<script type='text/javascript'src='<%=renderRequest.getContextPath()%>/dwr/util.js'> </script>
Final code in jsp page
<%@include file="init.jsp"%> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type='text/javascript' src='<%=renderRequest.getContextPath()%>/dwr/interface/Person.js'> </script> <script type='text/javascript' src='<%=renderRequest.getContextPath()%>/dwr/engine.js'> </script> <script type='text/javascript' src='<%=renderRequest.getContextPath()%>/dwr/util.js'> </script> <h1>Sample Liferay DWR JSON portlet</h1> <p> <input value="Send" type="button" onclick="update()"/> <br/> Reply: <span id="demoReply"></span> </p> <script> function update() { var name = dwr.util.getValue("demoName"); $.post("<%=renderRequest.getContextPath()%>/dwr/jsonp/Person/getData/", { }, function(data) { dwr.util.setValue("demoReply", data.reply[0]); }, "jsonp"); } </script> |
Important Points:
To enable JSON services we need to add following init param value in web.xml
<init-param>
<param-name>jsonpEnabled</param-name>
<param-value>true</param-value>
</init-param>
If you get any session error or CSRF security error add following init parameter in web.xml. web.xml
<init-param>
<param-name>crossDomainSessionSecurity</param-name>
<param-value>false</param-value>
</init-param>
Liferay version 6.1x
More details go through following link
0 comments:
Post a Comment