Liferay6.2开发之使用Search-Container

分手后的思念是犯贱 2022-08-06 12:09 151阅读 0赞

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

![Center][]

使用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>
    	
    	
    	<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][http_download.csdn.net_detail_u013310075_8387659]

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

[Center]: /images/20220806/50fcb7e845194920ac22676f240551c7.png
[http_download.csdn.net_detail_u013310075_8387659]: http://download.csdn.net/detail/u013310075/8387659