Showing posts with label Portlet Modes. Show all posts
Showing posts with label Portlet Modes. Show all posts

Edit Mode in Liferay


We already know each portlet have three modes view, edit and help. In this blog we see Edit mode in detail before reading this blog you must know about Portlet Modes in Liferay.In this blog we use a simple form in edit mode where user can set his preferences that he is Vegetarian or non-vegetarian and on this basis we provide a menu of food items.

So lets start this step by step:-

Step 1:-Create Liferay Project
Inside eclipse IDE Click on File->New->Liferay plugin project and give the project name as edit-mode and click finish.

Step 2:-Create MVC Portlet inside project
Right Click on your project ie edit-mode and click on New than click on Liferay Portlet. Provide class and package name and select MVCPortlet and click next.



In the next screen check Edit in Portlet modes this will provide the necessary entry in portlet.xml and also create edit.jsp . Now Click Finish.





Step 3:-Modify your edit.jsp
Open edit.jsp and paste this content:-


Explanation:-
Here we create a simple form which contain two radio button .On the submission of form processFood method is called inside the controller.

Note:- As we are not using AUI tags so add required name space parameter is false inside liferay-portlet.xml. For more details you may refer Namespaces parameter in Liferay. 

Step 4:-Modify your Controller
Open your java class and paste this content:-


Explanation:-
1)In processFood method we get the foodType value that is submitted by the form in edit.jsp and than set this value in  PortletPreferences and finally send the response to view mode.
2)In doView method we get the foodType value from  PortletPreferences and set in renderRequest so that it is available on view.jsp.
3)In doView we also check the value of foodType because each time portlet load doView is called .So first time when edit Mode is not called foodType is null .

Step 5:-Modify your view.jsp
Open your view.jsp and paste this content:-


Explanation:-
Here we are get and set foodType in a variable food and check the value and on the basis of value we display the messages.

Note:-
As you see we use jstl tags in view.jsp so we have to include jstl jars inside liferay-plugin-package.properties as:-



Step 6:-Check Output
Deploy the portlet and add on page .Now click on gear icon and click Preferences:-



Now select vegetarian and click submit


You will see output as:-

Now again click on gear icon than preferences and select Non-Vegetarian and click submit.You will see output as:-



Hope this will Help....

You can Download Source code from  Edit Mode in Liferay.

Related Post:-

Portlet Modes in Liferay


By default Portlet API 2.0 provide 3 portlet modes. This means whether you use Liferay Portal, IBM WebSphere Portal or any other portal 3 modes are present.

Default modes are:-

  • VIEW
  • EDIT(Preferences)
  • HELP

In addition to above modes Liferay Provide 6 other modes :-

  • About
  • Config
  • Print
  • Edit Defaults
  • Edit Guest
  • Preview

Their are basically two steps for enable modes in Liferay:-
1)Provide entry in portlet.xml. Ex-For enable HELP mode
            <portlet-mode>help</portlet-mode>

2)Create jsp for that Mode.

So Lets enable all the modes step by step:-

Step 1:-Create Liferay Project
Inside eclipse IDE Click on File->New->Liferay plugin project



Provide Project name as modes and click finish.

Step 2:-Create Portlet inside Project
Right Click on your project ie modes and click on New than click on Liferay Portlet



Give Portlet Class as Demo and Select MVCPortlet in Superclass . Now Click Next.



By Default only view mode is selected . Now Select all the other modes and Click Finish.

Step 3:-Check portlet.xml
Just Open portlet.xml and you can see that eclipse ide provide all the entries automatically


Explanation:-
From line 48 to 56 you can see that all modes are supported.
From line 9 to 44 all init-param for jsp are also created.

Step 4:-Check Jsp files
Inside your project go to docroot/html/demo .Here you see all the jsp files with a simple message is already created as:-




Step 5:-Check Output
Deploy the portlet and add to the page. Now Click on gear icon:-



Now Click On Preferences for Edit Mode, Help for help mode etc.



Hope this will Help....

You can Download Source code from  Portlet Modes in Liferay.

In the next blog we see Edit Mode in Detail.

Related Post:-

Subscribe to: Posts (Atom)