Ajax in liferay portlet using jquery and alloyui roufid. One of the biggest feature requests from liferay 5. I was thinking of overriding the spring formtaglib so that it puts the portletnamespace prefix in front of the form field namesids without actually trying to bind them to beanproperties with a namespace which will obviously not work but. Methods that exist in the jquery namespace but that cannot be called on. Handle sortable update event in javascript set up placehoder, helper for sortable in j. Before seeing how to use ajax in liferay portlet, you need to understand portlet namespace. May 22, 2012 developing a portal with drag and drop portlets using jquery posted on may 22, 2012 by vanamali in jquery, other programming the article explains how to create simple portal with drag and drop portlets with jquery jquery ui with out use of any plugins from scratch. Event namespacing event namespacing provides a way to manage specific event handlers. The first option implies replacing the target portlet with the moved one.
This article explains how to create a portlet using jquery. To create a jquery enabled portlet project and deployment on websphere portal server. Single portlet refresh was introduced in ibm websphere portal version 6. Either you dont send file at all or ajax is not downloading it. Try to drag the boxes back and forth to the left and right. It makes the ability to create a namespace, or in other words, a module. This will likely be used primarily by plugin authors who wish to handle tasks differently depending on the event namespace used.
Strutsportlet the initpage init parameter is mandatory and its value must be the welcome page of the struts application. The difference between soy portlet and mvc portlet class is soy portlet class extends soyportlet com. Finally enter the employee id in text box then click on button it can return the employee detail in json format. Bootstrap though see bootstrap below for use in portlets. To make it little complex i have used a java class with a. Allows only an integer value less than the specified value. Hidden data table columns simple data table simple data table we simply get data from data and present in the. Has anybody come across this problem and found a solution other than override spring mvcs formtaglib. In my case the portlet name is jsonservicedemoportlet. With the third mode, you can drag portlets only along the yaxis, thus preserving a row structure. Liferay have search container to display data and make pagination and sorting apart from if you want use some other data girddata table then jquery data table is best choice and we can better support and many examples available. A portlet, as the name suggests, is a part of a portal.
This portlet is to help users who want to see ajax working in a liferay portlet using jquery. To namespace an event, just suffix the event type with a period and a name type. For more information about the tag, see javas portlet specification documentation. Developing a portal with drag and drop portlets using jquery posted on may 22, 2012 by vanamali in jquery, other programming the article explains how to create simple portal with drag and drop portlets with jqueryjquery ui with out use of any plugins from scratch. The portlet namespace is passed in as a parameter as part of the constructor. The second one allows portlets to be moved only along the xaxis, thus maintaining column layout. Y change my jsp page showing down to rename the ids of the div chart in each portlet. Liferay jquery ajax examples java,liferay, liferay 7, soap. This is similar to jquery and aui is another java script library which is used in liferay. Portlets can be sorted into various positions to suit the visitors personal preference. The timing of this writing might seem a bit odd, since portlet development has been moved to a back seat a back row seat, in favor of contentmanaged clientside approaches like script portlet, or other development approaches altogether. The following is a brass tacks guide for building a spring mvc portlet using websphere application server developer tools for eclipse. Writing liferay portlet to display a file in a way tail.
Basically, you can think of the different portlet modes as different subapplications, so it can be useful to set up the struts. Refreshing individual portlets and preferences using single. Developing a portal with drag and drop portlets using jquery. From the portlet tag library, you should include the tag so that you can access portlet objects like renderrequest, actionrequest, and portletpreferences in your jsp. Its seems ajax jquery complains xml data download but its not accordingly with excel data format. Below is the initparam elements that you can set up in portlet. Liferay ipc using event inter portlet communication roufid. To enable the jquery support for an existing portlet project. The jquery fallback code should be taken out in my opinion to give room for this scenario as it is more likely than jquery being defined from another library or code outside of the jquery official code base. Your portlet and gadget can be added to a page containing many other applications. Bootstrap example of portlets like panels using html, javascript, jquery, and css. Based on the portlet example, here is source code that demonstrates the following features.
Because of this reason, making ajax call in portlet is slightly different than normal javaj2ee application. Working with liferay aui java script parti liferay savvy. Loading kendo widget in a portlet using requirejs in kendo ui. In this example portlet, its buttons original html value, original type, and. Refreshing individual portlets and preferences using. Jaspreet singh, ibm, architect rad portal tools, taggi slideshare uses cookies to improve functionality and performance, and to provide you with relevant advertising. First, you get an overview of the ajax programming model in which portlets can leverage either servlets or portlets as a backend. We need not to do any additional configuration or need not to add any additional jar files when we develop portlet using liferay mvc. Writing liferay portlet to display a file in a way tail f does may 03, 2010 minute read dont know about you but i cant imagine debugging enterprise class applications without having tail f pathtolog. How to download a file from ajax request in liferay. Many times you need to make ajax call to update portlet content.
Liferay jquery ajax examples java,liferay, liferay 7. Its also follows all jsr portlet standards and it inherited the generic portlet features. Ajaxing portlets portlets in action livebook manning. Backed by jquerys ajax libraries, each pane acts independently from other panes achieving a clear separation of concerns continue reading. For example, a plugin could namespace its event handlers to make them easier to unbind while still using anonymous functions. We should append to each input name attribute then only portlet action class consider it in request parameter otherwise it will be ignored by portlet action class. Javascript portlet ui implemenation as a jquery plugin which stores state in localstorage. Portlet are responsible for producing small portion of whole page.
For this application you need to add two jquery files and two css links that are as follows. The myportletname var with the portlet namespace property is used as a. Portlet namespace is a unique value generated and associated to each portlet. Portlets are very useful things that we can create in our application, each portlet works separately and we can perform various types of work on different portlets. To make it little complex i have used a java class with a method which is called when link is clicked. Next, you will learn it via examples with requirejs and jquery. Contribute to holseelocalstorageportets development by creating an account on github.
Portlet namespace is a unique value generated and associated to each portlet by the portal. The most common use of ajax in liferay porltet is to call resourceurl in ajax. Using jquery or any javascript library in liferay 6. Give a unique identifier in the namespace valuetype. Loading kendo widget in a portlet using requirejs in kendo. Its seems ajax jquery complains xml data download but its not. The examples used in this tutorial are available on github. May 25, 2016 the portlet namespace is passed in as a parameter as part of the constructor. A goodlooking site has to have a wellformatted user interface ui for its portlets. Portlet namespace in spring mvc forms on liferay 6. But, if i add more than one portlet, i only could see one chart. In this portlet i have added three links which on click send a request to get user information and display it on the portal using ajax. Liferay mvc portlet development introduction liferay savvy.
Below is a stripped down template of the leone object following the module pattern. Learn how to use a new feature called single portlet refresh to improve your users experience with your portal interface. The making of a portlet is similar to the process of writing a servlet. Creating a spring mvc portlet using eclipse and wdt. Many users would like to use thirdparty plugins, and most of those require the latest jquery library 1. Jul 02, 2011 i had a difficult time finding good examples working with the jquery portlets, so i created by own. I want to change the display of content in portlet through custom css and jquery in portlet pages using gatein 3. How to download a file from ajax request in liferay serveresource. Key features all required code will be automatically generated for you. Declare that the portlet is publishing the defined event in portlet.
Feb 14, 2014 this article explains how to create a portlet using jquery. Alternatively, to target a specific plugin, just include the plugins name as a namespace along with the dataapi namespace like this. This software was originally released on 2nd april, 2015. Working with the dom in alloyui liferay help center. The portlet returned by the portlet function should have the following public api. To namespace an event, just suffix the event type with a period and a name space. Jul 06, 2011 jquery function namespacing in plain english. Developing portlets using html, css and javascript speakers. A jquery ui widget which allows you to present entry points or windows into your data that can be served up from a server action or from static html similar to a portlet in portal technology. The namespace specified when the event was triggered. Virtually any type of information can be held in a portlet with help of jquerys builtin ajax support. I had a difficult time finding good examples working with the jquery portlets, so i created by own.
991 963 632 906 38 156 162 1371 715 1099 1205 1047 1512 1330 447 679 1023 730 255 556 95 336 673 294 577 1308 733 891 678 765 88 900 55