Liferay UI Tag liferay-ui:input-move-boxes

Following is the sample code to use liferay-ui:input-move-boxes tag-

1. JSP Code:

	<form name=”fm” method=”post” action=”<<actionUrl>>”>
	<liferay-ui:input-move-boxes
	rightList="<%=rightFields %>"
	rightTitle="Right Fields"
	rightBoxName="rightFieldsList"
	leftList="<%=leftFields%>"
	leftTitle="Left Fields"
	leftBoxName="leftFieldsList"
	leftReorder="true" />
	</liferay-ui:panel>
	<br />
	<liferay-aui:input name="hiddenLeftFields" type="hidden" />
	<liferay-aui:input name="hiddenRightFields" type="hidden" />
	<input type="button" value="Submit" onclick="<portlet:namespace />submitForm();">
	</form>
	<liferay-aui:script>
	Liferay.provide(
	window,
	'<portlet:namespace />submitForm',
	function() {
	document.fm.<portlet:namespace />hiddenLeftFields.value = Liferay.Util.listSelect(document.fm.<portlet:namespace />leftFieldsList);
	document.fm.<portlet:namespace />hiddenRightFields.value = Liferay.Util.listSelect(document.fm.<portlet:namespace />rightFieldsList);
	document.fm.submit();
	}, ['liferay-util-list-fields']
	);
	</liferay-aui:script>

view raw liferay-ui:input-move-boxes hosted with ❤ by GitHub

2. Java Code:

	String hiddenLeftFields = ParamUtil.getString(actionRequest, "hiddenLeftFields");
	String hiddenRightFields = ParamUtil.getString(actionRequest, "hiddenRightFields");

view raw java-code hosted with ❤ by GitHub