logo-preloader
. . .
blog-details-image

Liferay 7 portlet with ag-grid

Ag-Grid is feature-rich open source datagrid. Easily integrate in liferay framework to deliver filtering, grouping, aggregation, pivoting and much more. By using ag grid you do not have to code for providing different filters.

Ag-Grid Portlet hase below capabilities.

  • Specify the display Record Size
  • Text Filter like contains,equals etc.
  • Date Filter like equals,less than,greater than
  • Specify the column wise different filter

Environment

  • Liferay 7 – GA4 +
  • MySQL 5.6 +

How to use

  1. Download,build and install ag-grid portlet jar on your server.
  2. Check module status in liferay server using console log OR using gogo shell.
  3. Now add Ag Grid portlet on specific page. For Demo purpose we have not created any custom entity, we have directly fire queries on User entity.

ScreenShot

By Default ag grid shows 10 records, but you can specify display record size as shown in below screenshot.

ScreenShot

For demo purpose, we have set text filter like contains and equals for FirstName, LastName, and Email Address. Also Date filters like equals, less than and greater than for Create Date and Modified Date.

ScreenShot

ScreenShot

Support

Please feel free to contact us on hello@byteparity.com for any issue/suggestions.

Source Code

https://github.com/byteparity/liferay-ag-grid

 

No Comments

Have a creative idea in mind?

Let’s discuss & work together!