Liferay6.2开发之使用Search-Container

一..SearchContainer的基本使用我就不讲了,这里主要讲讲RowChecker的使用,我们先看下效果

使用RowChecker的步骤

1.在<liferay-ui:search-container这个标签中添加属性 rowChecker="<%= new RowChecker(renderResponse) %>"

2.在<liferay-ui:search-container标签外添加<aui:form name="fm">包裹它.作用:为了后面取值

3.添加一个按钮用来获取多选框中已勾选的值,需要执行一段js,如下:

<aui:button cssClass="btn btn-danger" onClick='<%= renderResponse.getNamespace() + "delete();" %>' value="Delete" />
<aui:script>
Liferay.provide(
window,
'<portlet:namespace />delete',
function() {
var checkBoxValue = Liferay.Util.listCheckedExcept(document.<portlet:namespace />fm, "<portlet:namespace />allRowIds");
alert(checkBoxValue);
},
['liferay-util-list-fields']
);
</aui:script>

注意点:因为每一行的id是根据primarykey生成的,所以keyProperty="xxx"这个属性必须有,这个是service.xml中的实体id

<liferay-ui:search-container-row
className="com.skythinking.portlet.member.model.Member"
keyProperty="memberId" modelVar="member">

完整的view.jsp如下:

<%@page import="com.liferay.portal.kernel.dao.search.RowChecker"%>
<%@page
	import="com.skythinking.portlet.member.service.MemberLocalServiceUtil"%>
<%@page
	import="com.skythinking.portlet.member.service.MemberLocalService"%>
<%@page import="com.liferay.portal.kernel.util.ListUtil"%>
<%@page
	import="com.skythinking.portlet.member.service.persistence.MemberPersistenceImpl"%>
<%@page
	import="com.skythinking.portlet.member.service.persistence.MemberPersistence"%>
<%@page import="com.skythinking.portlet.member.model.Member"%>
<%@ include file="/html/common/init.jsp"%>
<%@ page contentType="text/html; charset=UTF-8"%>

<aui:form name="fm">
<liferay-ui:search-container emptyResultsMessage="没有任何数据,请添加!" delta="5" rowChecker="<%= new RowChecker(renderResponse) %>" >
	<liferay-ui:search-container-results>
		<%
			List<Member> tempResults = MemberLocalServiceUtil
							.getMembers(renderRequest);
					results = ListUtil.subList(tempResults,
							searchContainer.getStart(),
							searchContainer.getEnd());
					total = tempResults.size();
					pageContext.setAttribute("results", results);
					pageContext.setAttribute("total", total);
		%>
	</liferay-ui:search-container-results>
	
	<!-- modelVar="member" 添加了这个属性,才可以在el表达式中获取member的各种属性 -->
	<liferay-ui:search-container-row
		className="com.skythinking.portlet.member.model.Member"
		keyProperty="memberId" modelVar="member">
		<liferay-ui:search-container-column-text name="Id"
			property="memberId" />
		<liferay-ui:search-container-column-text name="会员名"
			property="memberName" />
		<liferay-ui:search-container-column-text name="联系电话"
			property="memberPhone" />
		<liferay-ui:search-container-column-text name="创建时间"
			property="createDateFormat" />
		<liferay-ui:search-container-column-text name="actions">


			<portlet:actionURL var="deleteUrl" name="delete">
				<portlet:param name="memberId" value="${member.memberId}" />
			</portlet:actionURL>
			<liferay-ui:icon-delete image="delete" url="${deleteUrl}" />

		</liferay-ui:search-container-column-text>
	</liferay-ui:search-container-row>

	<!-- 迭代标签 -->
	<liferay-ui:search-iterator />
</liferay-ui:search-container>
</aui:form>

<portlet:renderURL var="addUrl">
	<portlet:param name="mvcPath" value="/html/member/edit.jsp" />
</portlet:renderURL>

<aui:button cssClass="btn btn-primary" value="添加" href="${addUrl}" />

<aui:button cssClass="btn btn-danger" onClick='<%= renderResponse.getNamespace() + "delete();" %>' value="Delete" />
<aui:script>
	Liferay.provide(
	window,
	'<portlet:namespace />delete',
	function() {
	var checkBoxValue = Liferay.Util.listCheckedExcept(document.<portlet:namespace />fm, "<portlet:namespace />allRowIds");
	alert(checkBoxValue);
	},
	['liferay-util-list-fields']
	);
</aui:script>

如何进行表单的提交呢?请看下面的代码

<aui:button cssClass="btn btn-warning" value="编辑"  onClick='<%= renderResponse.getNamespace() + "edit();" %>'/>

<aui:button cssClass="btn btn-danger" value="删除" onClick='<%= renderResponse.getNamespace() + "delete();" %>'/>

<aui:script>
	Liferay.provide(
	    window,
	    '<portlet:namespace />edit',
	    function() {
	    	document.<portlet:namespace />fm.method = "post";                
            var ids = document.<portlet:namespace />fm.<portlet:namespace />rowIds.value = Liferay.Util.listCheckedExcept(document.<portlet:namespace />fm, '<portlet:namespace />allRowIds');
            if (confirm(ids.length)>1){
            	alert();
            }
            submitForm(document.<portlet:namespace />fm, '<portlet:actionURL name="editSelected"></portlet:actionURL>');
	    },
	    ['liferay-util-list-fields']
	);
</aui:script>

<aui:script>
    Liferay.provide(
        window,
        '<portlet:namespace />delete',
        function() {
            if (confirm('确定要删除吗?'))  {
                document.<portlet:namespace />fm.method = "post";                
                document.<portlet:namespace />fm.<portlet:namespace />rowIds.value = Liferay.Util.listCheckedExcept(document.<portlet:namespace />fm, '<portlet:namespace />allRowIds');
                submitForm(document.<portlet:namespace />fm, '<portlet:actionURL name="deleteSelected"></portlet:actionURL>');
            }
        },
        ['liferay-util-list-fields']
    );
</aui:script>

后台多Action处理,代码片段如下:

public void editSelected(ActionRequest actionRequest,
			ActionResponse actionResponse) {
		long[] ids = ParamUtil.getLongValues(actionRequest, "rowIds");
		for (int i = 0; i < ids.length; i++) {
			System.out.println("----编辑-----:" + ids[i]);
		}
	}

	public void deleteSelected(ActionRequest actionRequest,
			ActionResponse actionResponse) {
		long[] ids = ParamUtil.getLongValues(actionRequest, "rowIds");
		for (int i = 0; i < ids.length; i++) {
			try {
				MemberLocalServiceUtil.deleteMember(ids[i]);
			} catch (Exception e) {
				e.printStackTrace();
			}
		}
	}

代码下载地址:http://download.csdn.net/detail/u013310075/8387659

导入工程时,请选择导入到SDK目录下portlets目录下