Liferay Search Container : Orderable Columns

In this post we are going to implement the orderable columns for search container.

Following are the steps -

1. Put the following code in your jsp which is used to render the search container.

	String orderByCol = "";
	String orderByType = "";
	orderByCol = (String)request.getAttribute("orderByCol");
	orderByType = (String)request.getAttribute("orderByType");
	if (orderByCol == null || orderByType == null) {
	orderByCol = "defaultColumn";
	orderByType = "defaultOrder";
	}
	OrderByComparator orderByComparator = new TitleComparator(orderByType);
	resultList = ListUtil.sort(resultList,orderByComparator);

view raw search-container-jsp hosted with ❤ by GitHub

This If condition is provided to handle the default case. Here defaultColumn and defaultOrder can be replaced with the desired column and order respectively. Here we are sorting the results on the title column.

2.  Here is the TitleComparator.java code -

	public class TitleComparator extends OrderByComparator {
	privatestaticfinallongserialVersionUID = 1L;
	public TitleComparator()
	{
	this(true);
	}
	public TitleComparator(boolean asc)
	{
	ascBoolean = asc;
	}
	@Override
	public int compare(Object obj1, Object obj2) {
	MBThread thread1 = (MBThread)obj1;
	MBThread thread2 = (MBThread)obj2;
	int val = thread1.getTitle().compareToIgnoreCase(thread2.getTitle());
	if (ascBoolean) {
	return val;
	} else {
	return -val;
	}
	}
	privateboolean ascBoolean;
	}

view raw TitleComparator hosted with ❤ by GitHub

3.  add the following code to your controller's render method :

	String orderByCol = "";
	String orderByType = "";
	boolean isFollowForum = false;
	orderByCol = (String)request.getParameter("orderByCol");
	orderByType = (String)request.getParameter("orderByType");
	if (Validator.isNotNull(orderByCol) && Validator.isNotNull(orderByType)) {
	request.setAttribute("orderByCol", orderByCol);
	request.setAttribute("orderByType", orderByType);
	}

view raw search-container-render hosted with ❤ by GitHub

4.  Here is the search container part -

	<liferay-ui:search-container delta="5" emptyResultsMessage="no-results-found"
	orderByCol="<%= orderByCol %>" orderByType="<%= orderByType %>">
	<liferay-ui:search-container-results results="<%=ListUtil.subList(resultList, searchContainer.getStart(), searchContainer.getEnd()) %>" total="<%=threads.size()%>" />
	<liferay-ui:search-container-row
	className="com.liferay.portlet.messageboards.model.MBThread"
	keyProperty="threadId" modelVar="thread">
	<liferay-ui:search-container-column-text name="Title"
	value="<%= thread.getTitle()%>" orderable="true" orderableProperty="title" />
	</liferay-ui:search-container-row>
	<liferay-ui:search-iterator />
	</liferay-ui:search-container>

view raw search-container-part hosted with ❤ by GitHub

Now Title column in the search container will be rendered as clickable and upon clicking will sort the title column data.