1. Hook Folder Structure

a. Go to plugins/hooks create a folder with any name. eg test-hook

b. Go to test-hook create folder docroot and build.xml file with this content.

<project name=”hook” basedir=”.” default=”deploy”>
<import file=”../build-common-hook.xml”>
</project>

c. Go to test-hook/docroot create folder with name WEB-INF.
d. Now under WEB-INF create a file liferay-hook.xml with below content:

<?xml version=”1.0″ encoding=”UTF-8″?>
<!DOCTYPE hook PUBLIC “-//Liferay//DTD Hook 5.11.0//EN” “http://www.liferay.com/dtd/liferay-hook_5_2_2.dtd”>

<hook>
<custom-jsp-dir>/WEB-INF/jsps
</hook>

e. Create foler jsps under WEB-INF
f. Under jsps create folders html/portlet/<portlet_name>/xxx.jsp

——————————————————–

2.  Customize JSP files

After creating the hook structure using above steps,

a) Under portlet_name create the same structure for the page which we want to modify.

Eg. If you want to modify the full_content.jsp inside assetPublisher portlet, path should be:

html/portlet/asset-publisher/display/full_content.jsp

b) Just give System.out.println(“Hooks customization”) inside that jsp file

c) ant deploy under plugins/hook.

d) Make sure that changes is affected in the server.

——————————————————–

3. Customize Property file

if you want to override portal-ext.properties file, just follow these steps

a) add the entry for property file inside liferay-hook.xml,

<hook>
<portal-properties>portal.properties</portal-properties>
<custom-jsp-dir>/custom-jsp</custom-jsp-dir>
</hook>

b) add any property inside portal.properties ( test-hook/docroot/WEB-INF/src)

c) ant deploy under plugins/hook.

d) Validate the changes

——————————————————–

4. Customize Model Listener

If you want to customize the any Model Listerner, you can follow these steps.

For Eg,

If  you click Article Title from Asset Publisher portlet, one count views will be stored in TagsAsset table.
I want to do some changes in TagsAssetListener

a) set this property in this path, docroot/WEB-INF/src/portal.properties

value.object.listener.com.liferay.portlet.tags.model.TagsAsset =      com.liferay.portlet.tags.model.TagsAssetListener

b) create TagsAssetListener.java in this path docroot/WEB-INF/src/com/liferay/portlet/Tags/Model

( Copy this model class from Liferay Portal Source)

TagsAssetListener.java

package com.liferay.portlet.tags.model;

import com.liferay.portal.model.BaseModelListener;
import com.liferay.portal.servlet.filters.cache.CacheUtil;
import com.liferay.portlet.tags.util.TagsUtil;

import com.liferay.portal.model.BaseModel;

import com.uson.stat.model.AssetAccess;
import com.uson.stat.model.impl.AssetAccessImpl;

public class TagsAssetListener extends BaseModelListener<TagsAsset> {

public void onAfterUpdate(TagsAsset tagsAsset) {
System.out.println(“Asset Id : >>>>> ” + tagsAsset.getAssetId());
System.out.println(“User Id :  >>>>> ” + tagsAsset.getUserId());
System.out.println(“Total Views : >>>>> ” + tagsAsset.getViewCount());
}
}

c) ant deploy under plugins/hook.

d) Validate this by accessing one journal content article.

if you have any comments/query, you can shed you lights on this

- Gnaniyar Zubair

Step 1.

Go to Command Prompt inside Plugin:

Plugin>Portlets>

Execute the create.bat file with your portlet name as follows:

project\plugin\portlets>create.bat sample-struts-plugin “Sample Struts Plugin Portlet”

Step 2:

Folder with name sample-struts-plugin-portlet will be created in ur portlets folder. Verify it.

Go to ur portlet folder and edit the liferay-portlet.xml file by adding the following after <icon/>

\portlets\sample-struts-plugin-portlet\docroot\WEB-INF\liferay-portlet.xml

<struts-path>sample/struts/plugin</struts-path>

Step 3:

Go to ur portlet folder and edit the portlet.xml file by changing the following tags..

(\portlets\sample-struts-plugin-portlet\docroot\WEB-INF\portlet.xml)

Replace ,

<portlet-class>com.sample.jsp.portlet.JSPPortlet</portlet-class>

with

<portlet-class>com.liferay.portlet.StrutsPortlet</portlet-class>

————————————————————————

And replace,

<init-param>

<name>view-jsp</name>

<value>/view.jsp</value>

</init-param>

with

<init-param>

<name>view-action</name>

<value>/sample/struts/plugin/view</value>

</init-param>

————————————————————————

and ADD,

<supports>

<mime-type>text/html</mime-type>

<portlet-mode>view</portlet-mode>

</supports>

Step 4:

Go to ur WEB-INF folder & create struts-config.xml like this

( \portlets\sample-struts-plugin-portlet\docroot\WEB-INF\struts-config.xml)

<?xml version=”1.0″ encoding=”UTF-8″?>

<!DOCTYPE struts-config PUBLIC “-//Apache Software Foundation//DTD Struts Configuration 1.2//EN” “http://jakarta.apache.org/struts/dtds/struts-config_1_2.dtd”>

<struts-config>

<action-mappings>

<action path=”/sample/struts/plugin/view” type=”com.xyz.action.SampleStrutsAction” >

<forward name=”portlet.sample.struts.view” path=”portlet.sample.struts.view” />

</action>

</action-mappings>

<controller processorClass=”org.apache.struts.tiles.TilesRequestProcessor”></controller>

<message-resources parameter=”content.test.Language”></message-resources>

<plug-in className=”org.apache.struts.tiles.TilesPlugin”>

<set-property property=”definitions-config” value=”/WEB-INF/tiles-defs.xml”></set-property>

<set-property property=”moduleAware” value=”true”></set-property>

<set-property property=”definitions-parser-validate” value=”true”></set-property>

</plug-in>

</struts-config>

Step 5:

Go to ur WEB-INF folder & create tiles-defs.xml like this

(\portlets\sample-struts-plugin-portlet\docroot\WEB-INF\tiles-defs.xml)

<?xml version=”1.0″ encoding=”UTF-8″?>

<!DOCTYPE tiles-definitions PUBLIC “-//Apache Software Foundation//DTD Tiles Configuration 1.1//EN” “http://jakarta.apache.org/struts/dtds/tiles-config_1_1.dtd”>

<tiles-definitions>

<!– Sample Struts Plugin –>

<definition name=”portlet.sample.struts.view” path=”/struts/jsp/view.jsp”></definition>

</tiles-definitions>

Step 6:

Goto ur WEB-INF\src\com\xyz\action\ folder & create SampleStrutsAction.java insie:

(\portlets\sample-struts-plugin-portlet\docroot\WEB-INF\src\com\xyz\action\ )

package com.xyz.action;

import javax.portlet.PortletConfig;

import javax.portlet.RenderRequest;

import javax.portlet.RenderResponse;

import org.apache.struts.action.ActionForm;

import org.apache.struts.action.ActionForward;

import org.apache.struts.action.ActionMapping;

import com.liferay.portal.struts.PortletAction;

public class SampleStrutsAction extends PortletAction{

public ActionForward render(ActionMapping mapping, ActionForm form,

PortletConfig portletConfig, RenderRequest renderRequest,

RenderResponse renderResponse) throws Exception {

System.out.println(“SampleStrutsAction render()..”);

return mapping.findForward(“portlet.sample.struts.view”);

}

}

Step 7:

Goto ur WEB-INF folder & edit web.xml :

( \portlets\sample-struts-plugin-portlet\docroot\WEB-INF\web.xml )

<?xml version=”1.0″ encoding=”UTF-8″?>

<!DOCTYPE web-app PUBLIC “-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN” “http://java.sun.com/dtd/web-app_2_3.dtd”>

<web-app>

<listener>

<listener-class>com.liferay.portal.kernel.spring.context.PortletContextLoaderListener</listener-class>

</listener>

<servlet>

<servlet-name>PortletActionServlet</servlet-name>

<servlet-class>com.liferay.portal.struts.PortletActionServlet</servlet-class>

<init-param>

<param-name>config</param-name>

<param-value>/WEB-INF/struts-config.xml</param-value>

</init-param>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>PortletActionServlet</servlet-name>

<url-pattern>/portlet_action/*</url-pattern>

</servlet-mapping>

</web-app>

Step 8:

Go to ur docroot folder & create META-INF\context.xml like this

(\portlets\sample-struts-plugin-portlet\docroot\META-INF\context.xml )

<?xml version=”1.0″ encoding=”UTF-8″?>

<Context>

<Loader

loaderClass=”com.liferay.support.tomcat.loader.PortalClassLoader”

/>

</Context>

Step 9:

create view.jsp file inside :

(\sample-struts-plugin-portlet\docroot\html\struts\jsp\view.jsp)

Step 10:

Inside  plugins>portlets>build-common.xml

Replace this,

<fileset dir=”${project.dir}/lib” includes=”activation.jar,jsp-api.jar,mail.jar,servlet-api.jar” />

with,

<fileset dir=”${project.dir}/lib” includes=”*.jar” />

File Structure:

]]> http://zubairwiki.wordpress.com/2009/09/10/create-struts-action-portlet-in-plugin-enviroinment/feed/ 6 Zubair file structure for plugin http://zubairwiki.wordpress.com/2009/06/29/javascript-to-accept-only-alphapets/ http://zubairwiki.wordpress.com/2009/06/29/javascript-to-accept-only-alphapets/#comments Mon, 29 Jun 2009 10:35:02 +0000 Gnaniyar Zubair http://zubairwiki.wordpress.com/?p=113 ]]> This javascript is used to accept only alphapets value in text box.

Coding:

<input onkeyup=”validateAlphapets(this, ”)” ruleset=”[^a-z]” />

<script type=”text/javascript”>

function validateAlphapets(element, replacement) {

if(! element)

element = window.event.srcElement;

element.value = element.value.replace(new   RegExp(element.getAttribute(‘ruleset’), ‘gi’), replacement);

}

</script>

Coding :

<input type=”text “   onKeyPress=”return alfanumaricVal(event)”  name=”amount” />

<script type=”text/javascript”>

function alfanumaricVal(e) {

var key;

var keychar;

if (window.event)

key = window.event.keyCode;

else if (e)

key = e.which;

else

return true;

keychar = String.fromCharCode(key);

keychar = keychar.toLowerCase();

// control keys

if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27) )

return true;

// numbers

else if (((“0123456789″).indexOf(keychar) > -1))

return true;

else

return false;

}

</script>

The goal of this post is to add Database interaction to the Struts Portlet.

Steps  Involved:

1. Create Folder structure in ext-impl and ext-web

2. Create your table structure in service.xml

3. Generate Service and Persistence Layer Classes with Ant’s Build-Service

4.  Copy auto-generated MySQL table  into database.

5.  Create the Struts Action Portlet

6.  Update Service Layer Files

7.   JSP / Java action file updation.

1. Folder Structure:

Java Fiels >>>>>>>  ext-impl/src/com/testing/portlet/company

Jsp Files  >>>>>>>   ext-web/docroot/html/testing/company

2.  Service.xml
(create this file under “/ext/ext-impl/src/com/testing/portlet/company“)

<?xml version=”1.0″?>
<!DOCTYPE service-builder PUBLIC “-//Liferay//DTD Service Builder 5.2.0//EN” “http://www.liferay.com/dtd/liferay-service-builder_5_2_0.dtd”>

<service-builder package-path=”com.testing.portlet.company”>
<namespace>MyCompany</namespace>

<entity name=”MyCompany”   local-service=”true”  remote-service=”true”   table=”my_company”>
<column name=”companyId” type=”long” primary=”true” />

<!– basic Info –>

<column name=”companyName” type=”String” />

<column name=”address” type=”String” />

<column name=”startDate” type=”Date” />

<column name=”annualIncome” type=”float” />

<column name=”stockQty” type=”double” />

<column name=”active”  type=”int” />

<!– Finder Method for companyName  Info –>
<finder name=”Name” return-type=”FAIRDEALCompany”>
<finder-column name=”companyName” />
</finder>

<reference package-path=”com.liferay.counter” entity=”Counter” />

</entity>

<exceptions>
<exception>NoSuchMyCompany</exception>
</exceptions>
</service-builder>

3. Run build-service with “service.xml”  as argument

a. go to   “/ext/ext-impl”

b. execute   “ant build-service -Dservice.file=src/com/testing/portlet/company/service.xml“

c. make sure the build is successful

d. confirm all the service layer files are generated as per the Spring/Hibernate framework. check under

ext/ext-impl/src/com/testing/portlet/company
ext/ext-service/src/com/testing/portlet/company

4.   Copy the table  “my_company.sql”

copy the my_company.sql file from ext/sql/portal_tables and past it to database “lportal“.

To run the SQL directly, you’ve to go to mysql prompt by giving   “mysql -u root lportal“

create table my_company (
companyId LONG not null primary key,
companyName VARCHAR(75) null,
address  VARCHAR(75),
startDate DATE null,
annualIncome DOUBLE,
stockQty DOUBLE,
active_ INTEGER,
);

5. Create Struts Action Portlet

5.1 portlet-ext.xml

<portlet>
<portlet-name>MyCompany</portlet-name>
<display-name>My Company</display-name>
<portlet-class>com.liferay.portlet.StrutsPortlet</portlet-class>
<init-param>
<name>view-action</name>
<value>/testing/company/view</value>
</init-param>
<expiration-cache>0</expiration-cache>
<supports>
<mime-type>text/html</mime-type>
</supports>
<resource-bundle>com.liferay.portlet.StrutsResourceBundle</resource-bundle>
<security-role-ref>
<role-name>power-user</role-name>
</security-role-ref>
<security-role-ref>
<role-name>user</role-name>
</security-role-ref>
</portlet>

5.2. liferay-portlet-ext.xml

<portlet>
<portlet-name>MyCompany</portlet-name>
<struts-path>testing/company</struts-path>
<use-default-template>false</use-default-template>
</portlet>

5.3. liferay-display.xml

<portlet id=”MyCompany” />

inside,

<category name=”category.MyCompany“>

5.4. struts-config.xml

<action path=”/testing/company/process“   type=”com.testing.portlet.company.action.ProcessMyCompanyAction“>
<forward name=”testing.company.view“    path=”testing.company.view” />
</action>

5.5. tiles-defs.xml

<definition name=”testing.company.view” extends=”portlet”>
<put name=”portlet_content” value=”/testing/company/view.jsp” />
</definition>

6.  Update Service Layer  Files:

add this method in MyCompanyLocalServiceImpl.java which is autogenerated ( in this path: com/testing/portlet/company/service/)

public MyCompany getCompanyName(String companyName) throws SystemException, PortalException{
return MyCompanyUtil.findByName(companyName);
}

import these files:

import com.testing.portlet.company.service.persistence.MyCompanyUtil;
import com.liferay.portal.PortalException;
import com.liferay.portal.SystemException;

then give ant build-service inside ext-impl

7.  Update / Create these Jsp / Java Files:

(jsp files path: ext-web/docroot/html/testing/company)

a. view.jsp

<%@ include file=”/html/testing/company/init.jsp” %>

<div id=”MYCOMPANY”>
<%
String PAGE = (String) request.getAttribute(“PAGE”);
System.out.println(“PAGE value is >>>>” + PAGE);

%>

<div id=”MYCOMPANY_CONTENT”>
<jsp:include page=”<%= PAGE %>” />
</div>
</div>

<% SessionMessages.clear(request); %>

a. add_company.jsp

<%@ include file=”/html/testing/company/init.jsp” %>

<form action=”" method=”post” name=”<portlet:namespace />fm”    id=”<portlet:namespace />fm_id”>

<table width=”100%”> <tr>
<%if(SessionMessages.contains(session,”Added”)){%>
<td height=”15px”>
<div>
<liferay-ui:message key=”Record Added Successfully” />
</div>
</td>
<% } %>

</tr>

</table>

<table width=”100%”   style=”border:1px solid lightblue”    align=”center”>

<tr >
<td> Company Name: <%=star%></td>
<td colspan=”3″> <input style=”width:60%” type=”text” id=”<portlet:namespace />companyName”   name=”<portlet:namespace />companyName“> </td>
</tr>

<tr class=’portlet-section-alternate results-row alt’>
<td> Address: </td>
<td colspan=”7″> <input style=”width:60%” type=”text” id=”<portlet:namespace />address”   name=”<portlet:namespace />address”> </td>
</tr>

<tr class=’portlet-section-alternate results-row alt’>
<td> e Start Date: </td>
<td colspan=”7″> <input style=”width:60%” type=”text”   id=”<portlet:namespace />startDate”   name=”<portlet:namespace />startDate“> </td>
</tr>

<tr class=’portlet-section-alternate results-row alt’>
<td> Annual Income: </td>
<td colspan=”7″> <input style=”width:60%” type=”text” id=”<portlet:namespace />annualIncome”   name=”<portlet:namespace />annualIncome“> </td>
</tr>

<tr class=’portlet-section-alternate results-row alt’>
<td> Stock Qty: </td>
<td colspan=”7″> <input style=”width:60%” type=”text”  id=”<portlet:namespace />stockQty”   name=”<portlet:namespace />stockQty“> </td>
</tr>

<tr class=’portlet-section-alternate results-row alt’>
<td> Active : </td>
<td colspan=”7″> <input style=”width:60%” type=”text” id=”<portlet:namespace />active”   name=”<portlet:namespace />active“> </td>
</tr>

<tr>

<td colspan=”2″ align=”center”>
<input type=”submit” value=”Submit”    id=”<portlet:namespace />submit“/> &nbsp; &nbsp;

<input type=”button”  value=”Cancel” onclick=”addCompany()” id=”<portlet:namespace />Cancel” >

</td>

</tr>

</table>

b. company.jsp ( javascript file)

<script language=”Javascript”>
jQuery(document).ready(function() {
jQuery.metadata.setType(“attr”, “validate”);
var validator = jQuery(“#<portlet:namespace/>fm_id”).validate({
rules: {
<portlet:namespace/>companyName:{
required:true,
maxlength:75
}
},
messages: {
<portlet:namespace/>companyName:”Enter Valid Company Name “,
},
errorPlacement: function(error, element) {
error.appendTo(element.parent());
},
submitHandler: function() {
SubmitForm(document.<portlet:namespace />fm, ‘<portlet:actionURL windowState=”<%= WindowState.NORMAL.toString() %>”><portlet:param name=”struts_action” value=”/testing/company/process“/><portlet:param name=”CMD” value=”add_company” /></portlet:actionURL>’, ‘MYCOMPANY‘, false);
},
success: function(label) {
label.html(“&nbsp;”).addClass(“checked”);
}
});
});
</script>

c. init.jsp

<%@ include file=”/html/common/init.jsp” %>

<%– Add these jquery plugins –%>

<script src=”/html/js/jquery/jquery.metadata.js” type=”text/javascript”></script>

<script src=”/html/js/jquery/jquery.delegate.js” type=”text/javascript”></script>

<script src=”/html/js/jquery/jquery.validate.js” type=”text/javascript”></script>
<script src=”/html/js/jquery/jquery.js” type=”text/javascript”></script>

<%@ include file=”/html/testing/company/company.jsp” %>

<%
PortletPreferences prefs = renderRequest.getPreferences();
PortletSession pses = renderRequest.getPortletSession();
Calendar cal = Calendar.getInstance();
themeDisplay.setIncludeCalendarJs(true);
%>

(java files path: ext-impl/src/com/testing/portlet/company/action/ProcessMyCompanyAction.java)

d. ProcessMyCompanyAction.java

import these files :

import com.liferay.portal.kernel.servlet.SessionMessages;
import com.liferay.portal.kernel.util.ParamUtil;
import com.liferay.portal.kernel.util.Validator;
import com.liferay.portal.struts.PortletAction;
import com.liferay.portlet.ActionRequestImpl;
import com.liferay.portlet.ActionResponseImpl;

import com.liferay.counter.service.CounterServiceUtil;

import com.liferay.portal.kernel.util.Validator

import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionMapping;

import javax.portlet.ActionRequest;
import javax.portlet.ActionResponse;
import javax.portlet.PortletConfig;
import javax.portlet.PortletSession;
import javax.portlet.PortletURL;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;

import com.testing.portlet.company.model.MyCompany;
import com.testing.portlet.company.service.MyCompanyLocalServiceUtil;
import com.testing.portlet.company.service.MyCompanyServiceUtil;

public class ProcessMyCompanyAction extends PortletAction {
private static Log log = LogFactory.getLog(ProcessMyCompanyAction.class);

public void processAction(ActionMapping mapping, ActionForm form, PortletConfig portletConfig, ActionRequest req,
ActionResponse res) throws Exception {

PortletURL url = ((ActionResponseImpl) res).createRenderURL();
url.setParameter(“struts_action”, “/testing/company/view”);
String cmd = ParamUtil.getString(req,”CMD”);
HttpServletRequest httpReq = ((ActionRequestImpl) req).getHttpServletRequest();
PortletSession ses = req.getPortletSession();
HttpSession httpSession = httpReq.getSession();

log.info(“ProcessMyCompanyAction CMD Value >> “+cmd);
Date date = new Date();

MyCompany company = null;
long companyId = 0;
// company Name Duplicate Verification
String companyName = ParamUtil.getString(req,”companyName”);
String findCompanyName = “”;
try {
company = MyCompanyLocalServiceUtil.getCompanyName(companyName);
findCompanyName = company.getCompanyName();
}catch(Exception e) {
log.info(“CompanyName Not EXIST”);
}
log.info(“companyName” + companyName);
log.info(“findCompanyName” + findCompanyName);

if (Validator.isNotNull(cmd) && cmd.equalsIgnoreCase(“add_company“)) {

if (Validator.isNull(findCompanyName)) {
// set all fields into database
companyId = CounterServiceUtil.increment();
company = MyCompanyLocalServiceUtil.createMyCompany(companyId);
company.setCompanyName(ParamUtil.getString(req,”companyName”));
company.setActive(ParamUtil.getInteger(req,”active”));
company.setAddress(ParamUtil.getString(req,”address”));
company.setAnnualIncome(ParamUtil.getDouble(req,”annualIncome”));
company.setStockQty(ParamUtil.getString(req,”stockQty”));
company.setStartDate(ParamUtil.getString(req,”startDate”));

MyCompanyLocalServiceUtil.updateMyCompany(company);
SessionMessages.add(httpReq, “Added”);
} else {
SessionMessages.add(httpReq, “DuplicateCompanyName”);
}

res.sendRedirect(url.toString());
}

}

e. ViewMyCompanyAction.java

public class ViewMyCompanyAction extends PortletAction{

private static Log log = LogFactory.getLog(ViewMyCompanyAction.class);

public ActionForward render(
ActionMapping mapping, ActionForm form, PortletConfig portletConfig,
RenderRequest req, RenderResponse res)
throws Exception {

HttpServletRequest httpReq = ((RenderRequestImpl) req).getHttpServletRequest();
PortletSession ses = req.getPortletSession();
HttpSession httpSession = httpReq.getSession();
String cmd = ParamUtil.getString(req,”CMD”);
req.setAttribute(“PAGE”, “/html/testing/company/add_company.jsp”);
return mapping.findForward(“testing.portlet.company.view”);

}
}

import these files:

import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;

import com.liferay.portlet.RenderRequestImpl;

import javax.portlet.PortletConfig;
import javax.portlet.PortletSession;
import javax.portlet.RenderRequest;
import javax.portlet.RenderResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;

To create this portlet, just take the same procedure from my last post  “Simple Struts Portlet in Liferay 5.2.x”

Everything is same as i mentioned in last post but you need to update the below  files only.

1. struts-config.xml

(add a new actionfile  ” AddDetailsAction.java” in this path : com/testing/portlet/mystrutsportlet/action)

<action path=”/testing/mystrutsportlet/add_details” type=”com.testing.portlet.mystrutsportlet.action.AddDetailsAction“>
<forward name=”testing.mystrutsportlet.view” path=”testing.mystrutsportlet.view” />
<forward name=”testing.mystrutsportlet. success” path=”testing.mystrutsportlet. success” />
<forward name=”testing.mystrutsportlet.failure” path=”testing.mystrutsportlet.failure” />
</action>

2. tiles-defs.xml

(add two more definitions)

<definition name=testing.mystrutsportlet.view" extends="portlet">
 <put name="portlet_content" value="/testing/mystrutsportlet/view.jsp" />
 </definition>

<definition name=testing.mystrutsportlet.success" extends="portlet">
 <put name="portlet_content" value="/testing/mystrutsportlet/success.jsp" />
 </definition>
<definition name=testing.mystrutsportlet.failure" extends="portlet">
<put name="portlet_content" value="/testing/mystrutsportlet/failure.jsp" />

</definition>

3. init.jsp

<%@ include file=”/html/portlet/init.jsp” %>

4. view.jsp

(modify this file)

<%@ include file=”/html/portlet/testing/mystrutsportlet/init.jsp” %>

<%
PortletURL actionURL = renderResponse.createActionURL();
actionURL.setWindowState(WindowState.MAXIMIZED);
actionURL.setParameter(“struts_action”, “/testing/mystrutsportlet/add_details“);
%>

Add a Details :
<br/>

<form action=“<%= actionURL.toString() %>“  method=”POST“  name=”<portlet:namespace />fm”>

Name:  <input type=”text”  name=”<portlet:namespace />name” /><br/><br/>

<input type=”submit”  value=”Submit”/>
</form>

5. success.jsp

<%@ include file=”/html/portlet/testing/mystrutsportlet/init.jsp” %>
<%
String name = request.getParameter(“name”);
%>

<table align=”center” cellspacing=”10″ cellpadding=”3″>
<tr>
<td style=”font-weight:bold”>Name : </td>
<td><%= name%></td>
</tr>
</table>

6. failure.jsp

<%@ include file=”/html/portlet/testing/mystrutsportlet/init.jsp” %>
<font color=”red”>Error in page…</font>

7. AddDetailsAction.java

(location: ext/ext-impl/src/com/testing/mystrutsportlet/action/AddDetailsAction.java)

package com.testing.mystrutsportlet.action;

import javax.portlet.ActionRequest;
import javax.portlet.ActionResponse;
import javax.portlet.PortletConfig;
import javax.portlet.RenderRequest;
import javax.portlet.RenderResponse;

import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;

import com.liferay.portal.struts.PortletAction;
import com.liferay.portal.kernel.util.Validator;

public class AddDetailsAction extends PortletAction {

public void processAction(
ActionMapping mapping, ActionForm form, PortletConfig config,
ActionRequest req, ActionResponse res)
throws Exception {

String name= req.getParameter(“name”);

if (Validator.isNull(name)) {
setForward(req, “testing.mystrutsportlet. failure“);
} else {
setForward(req, “testing.mystrutsportlet. success“);
}
}

public ActionForward render(ActionMapping mapping, ActionForm form,
PortletConfig config, RenderRequest req, RenderResponse res)
throws Exception {
if (getForward(req) != null && !getForward(req).equals(“”)) {
return mapping.findForward(getForward(req));
} else {
return mapping.findForward(“testing.mystrutsportlet. view“);
}
}
}

You have successfully created Struts Portlet with Action class.

The MVC architecture provides a model for separating the different components and roles of the application logic. This development framework helps you create portlets that are easier to maintain over time.

You have to follow the same procedure and file structures as i mentioned in my last post to create the Struts portlet in Liferay.

I. Development

1.1 portlet-ext.xml

<portlet>
<portlet-name>MYSTRUTSPORTLET</portlet-name>
<display-name>My Struts Portlet</display-name>
<portlet-class>com.liferay.portlet.StrutsPortlet</portlet-class>
<init-param>
<name>view-action</name>
<value>/testing/mystrutsportlet/view</value>
</init-param>
<expiration-cache>0</expiration-cache>
<supports>
<mime-type>text/html</mime-type>
</supports>
<resource-bundle>com.liferay.portlet.StrutsResourceBundle</resource-bundle>
<security-role-ref>
<role-name>power-user</role-name>
</security-role-ref>
<security-role-ref>
<role-name>user</role-name>
</security-role-ref>
</portlet>

2.2. liferay-portlet-ext.xml

<portlet>
<portlet-name>MYSTRUTSPORTLET</portlet-name>
<struts-path>testing/mystrutsportlet</struts-path>
<use-default-template>false</use-default-template>
</portlet>

2.3. liferay-display.xml

<portlet id=”MYSTRUTSPORTLET” />

inside,

<category name=”category.example“>

2.4. struts-config.xml

<action path=”/testing/mystrutsportlet/view” forward=”portlet.testing.mystrutsportet.view” />

2.5. tiles-defs.xml

<definition name=”portlet.testing.mystrutsportlet.view“  extends=”portlet”>

<put name="portlet_content" value="/portlet/testing/mystrutsportlet/view.jsp" />

</definition>

(create the following two jsp files under “/ext/ext-web/docroot/html/portlet/testing/mystrutsportlet“)

2.6. init.jsp

<%@ include file=”/html/portlet/init.jsp” %>
<p>Add commonly used variables and declarations here!</p>

2.7. view.jsp

<%@ include file=”/html/portlet/testing/mystrutsportlet/init.jsp” %>
Welcome to My first Simple Struts Portlet!

2.8 Language-ext.properties

Add a entry,

javax.portlet.title.MYSTRUTSPORTLET= MY STRUTS PORTLET

You have successfully created Struts Portlet.

A portlet is a reusable building block for easily publishing information and applications.

Here i am giving the step by step code snippets for creating simple Jsp portlet in Liferay Enviroinment.

To create simple JSP portlet , We need atleast 3 xml files and 1 jsp file.
[the xml files are located under "ext/ext-web/docroot/WEB-INF"]
1. portlet-ext.xml
2. liferay-portlet-ext.xml
3. liferay-display.xml
4. view.jsp

I .  Development

In this xml file, we have to define portlet name and portlet class ..etc…

1.portlet-ext.xml (ext/ext-web/docroot/WEB-INF)

<portlet>

<portlet-name>MYPORTLET</portlet-name>
<display-name>My Portlet</display-name>
<portlet-class>com.liferay.util.bridges.jsp.JSPPortlet</portlet-class>

<init-param>
<name>view-jsp</name>
<value>/html/testing/myportlet/view.jsp</value>
</init-param>
<expiration-cache>0</expiration-cache>
<supports>
<mime-type>text/html</mime-type>
</supports>
<resource-bundle>com.liferay.portlet.StrutsResourceBundle</resource-bundle>
<security-role-ref>
<role-name>power-user</role-name>
</security-role-ref>
</portlet>

2. liferay-portlet-ext.xml (ext/ext-web/docroot/WEB-INF)

We should register that portlet in liferay using this xml file.

<liferay-portlet-app>
//register portlet in liferay
<portlet>
<portlet-name>MYPORTLET</portlet-name>
</portlet>
</liferay-portlet-app>

3. liferay-display.xml (ext/ext-web/docroot/WEB-INF)

this xml file defines Under which category our portlet should be displayed

<display>
// under which category our portlet shoud display in Add Content…
<category name=”category.myportlet”>
<portlet id=”MYPORTLET“></portlet>
</category>

</display>

4. view.jsp

(create this file under “ext/ext-web/docroot/html/testing/myportlet” )

<h2> Welcome to my first Jsp portlet </h2>

II .  Deploy :

Give “ant deploy“  inside  ext or ext-web. Start the server and make sure that your portlet is created.

your portlet title will disply like this: javax.portlet.title.MYPORTLET

go to  ext/ext-impl/src/content/language-ext.properties file

add this entry:

javax.portlet.title.MYPORTLET = MY JSP PORTLET

then again ant deploy and start the server.

Now, You have sucessfully created Jsp Portlet.

Required Files : Douwnload Zip file of  :

jquery.datepick.js  &  jquery.datepick.css  & images

include these 2 files in Html page:

<script src=”jquery.datepicker.js” type=”text/javascript”></script>

<script src=”jquery.js” type=”text/javascript”></script>

Example: 1

<script type=”text/javascript”>

jQuery(function() {
jQuery(“#datepicker”).datepicker();
});

</script>

<div class=”demo”>

<p>Date: <input id=”datepicker” type=”text”></p>

</div>

Example : 2

Start Date – End Date

<script>

jQuery(function() {

jQuery(‘selector‘).datepick();
jQuery(‘#startDatepicker,#endDatepicker‘).datepick({beforeShow: customRange,
showOn: ‘both’, buttonImageOnly: true, buttonImage: ‘calendar.gif’});
});
function customRange(input) {
return {minDate: (input.id == “endDatepicker” ?
jQuery(“#startDatepicker“).datepick(“getDate“) : null),
maxDate: (input.id == “startDatepicker” ?
jQuery(“#endDatepicker“).datepick(“getDate“) : null)};
}

</script>

<p><span class=”demoLabel“>Date range with separate fields:</span>
<input type=”text” size=”10″  id=”startDatepicker“/> to
<input type=”text” size=”10″  id=”endDatepicker“/></p>

Note:

If you want to get the data when date is clicked instead of button, add below  onSelect Method.

jQuery(‘#datepicker’).datepick({

showOn: ‘both’, buttonImageOnly: true, buttonImage: ‘calendar-green.gif ‘,
onSelect: function()
{
getInvoiceByDate(jQuery(‘#openBillsDate’).val());
} ,
showStatus : true

});

busy.js 1.21 allows you to add/remove loading indicators to html elements (or viewport) on your webpages .

<script type=”text/javascript”  src=”cvi_busy_lib.js”></script>

<script type=”text/javascript” src=”jquery.js”></script>

<button onclick=”block_viewport();”><big>Viewport</big></button>
<script type=”text/javascript” charset=”utf-8″>

var xval, tval, bval, rval, lval;
function block_viewport() {
xval=getBusyOverlay(‘viewport’,{color:’lightgrey’,    opacity:0.75, text:’loading…’, style:’text-shadow: 0 0 3px   black;font-weight:bold;font-size:16px;color:white’},{color:’#ff0′, size:100, type:’o'});
if(xval) {var c=0,t=100;
xval.ntime=window.setInterval(function() {
xval.settext(‘viewport: loading…’+c+’%'); c++;
if(c>t) {window.clearInterval(xval.ntime); xval.remove();}
},50);
}
}

</script>

Example : 2

(Click to add overlay and click again to remove.)

<div id=”top“  onclick=”try {tval.remove(); tval=”;}catch(e) {tval=getBusyOverlay(this,{color:’blue’,opacity:0.25});}“>

<p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre.</p>
</div>

Example : 3

<div id=”left“  onclick=”try {lval.remove(); lval=”;}catch(e) {lval=getBusyOverlay(this,{color:’black’, opacity:0.5, text:’loading’, style:’text-decoration:blink;font-weight:bold;font-size:12px;color:white’},{color:’#fff’, size:128, type:’o'});}“>

<p><img src=”images/spam.jpg” align=”left” alt=”0″ />Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>

<p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre.</p>
<p>Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.</p>
</div>

Example : 4

<div id=”right” onclick=”try {rval.remove(); rval=”;}catch(e) {rval=getBusyOverlay(this,{color:’white’, opacity:0.5},{color:’#00f’, size:32, type:’c', iradius:10, weight:6});}“>

<p>Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium.</p>
<p>Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.</p>
</div>

Example : 5

<div id=”bottom” onclick=”try {bval.remove(); bval=”;}catch(e) {bval=getBusyOverlay(this,{color:’green’,opacity:0.25});}“>

<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>