我是Groovy Grails的新手,希望在图像文件列表上实现分页。
在我的代码中,我没有域类,我只是从文件系统中获取图像列表并在gsp页面上显示图像。
现在我想对正在显示的图像进行分页。
以下是我的gsp页面,其中显示了图像文件。
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="filterList" %>
<html>
<head>
<title>PC Screen Shots</title>
<meta content="xenonPC" name="layout">
<style>
.mycontent-left {
border-right: 1px solid #808080;
}
</style>
</head>
<body>
<div class="col-md-12">
<section class="gallery-env">
<div class="">
<div class="album-images row">
<g:set var="selectedUser" value="${selectedUser}"/>
<g:each in="${imageList}" var="imageName">
<!-- Album Image -->
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="album-image">
<a href="#" class="thumb" data-action="edit">
<img style="width: auto; height: 160px;"
src="${createLink(controller: "customer", action: "displayImage", params: [imageName: imageName])}"
class="img-responsive">
</a>
<div>
<g:set var="imageNameToDisplay" value="${imageName.toString()}"/>
<g:set var="imageNameToDisplay"
value="${imageNameToDisplay.substring(imageNameToDisplay.lastIndexOf("\\") + 1)}"/>
<label>${imageNameToDisplay}</label>
</div>
<div>
<a href="#" class="thumb" data-action="edit">
<img style="width: auto; height: 160px;"
src="${createLink(controller: "customer", action: "displayImageDate", params: [imageName: imageName])}"
class="img-responsive"
style="cursor:pointer;">
</a>
</div>
<div class="image-options">
<g:link controller="customer" action="downloadImage" params="[imageName: imageName]">
<i class="fa-download"></i>
</g:link>
<g:link controller="customer" action="deleteImage" params="[imageName: imageName, selectedUser: selectedUser]">
<i class="fa-trash"></i>
</g:link>
</div>
</div>
</div>
</g:each>
</div>
</div>
</section>
</div>
</body>
</html>
提前致谢。
答案 0 :(得分:1)
基本上,您需要一个将给定列表拆分为特定块的功能。分页依赖于发送,因为您知道偏移和最大值,使用相同的分页值,您可以使用自己的自定义方法来处理给定列表:
您需要的实际方法是:
/**
* paginate usage:
* paginate(inputList,pagination-params)
* paginationParams=[offset:params.offset,max:params.max]
* instanceList=PaginationHelper.paginate(instanceList,paginationParams)
* @param inputList
* @param input
* @return list split based on offset and max
*/
public static List splitList(List inputList, Map input) {
input.max = input.max ? (input.max as int) : 1
input.offset = input.offset ? (input.offset as int) : 0
if (input.max < 0 ) return inputList
def instanceTotal = inputList?.size()
if ( input.offset < 0 || input.offset > instanceTotal) {
input.offset = 0
}
// Ensure pagination does not exceed from array size
Integer borderNumber = input.max + input.offset
if (borderNumber > instanceTotal) {
borderNumber = instanceTotal
}
// Extract sublist based on pagination
def objectSubList = inputList.subList(input.offset, borderNumber)
return objectSubList
}
使用此方法:
//your current list
def myList=[['id':1L,name:'name'],['id':2L,name:'name']]
//your page total for pagination within gsp
def instanceListTotal=myList?.size() ?: 0
//set your pagination params as per pagination input by user
def paginationParams = [offset: params.offset, max: params.max]
// get the helper class above to split it
def instanceList= Helper.splitList(myList,paginationParams)
//respond back with split result and actual total for pagination
render (view:'view', model:[instanceList:instanceList,instanceListTotal:instanceListTotal])
所以实际上使用上面的分页。不推荐但是粘性的情况需要非传统的解决方案。
这里的差异以及典型分页的作用应该是显而易见的,但在典型的数据库查询模型中。在这种情况下,没有像myList
这样的整体列表。给出起点和最大值返回并进行新的查询。
在这种情况下的分页取决于列表大小,并且当它工作时,它必须在每次分页改变时一遍又一遍地加载整体列表。
您可能希望使用某种形式的缓存解决方案来减少这里的工作。