0

私はgrailsを初めて使用し、仕事でアプリケーションの開発を始めたばかりです。私がやりたかった最初のことは、2 つのテーブルを持つ gsp を作成することです。各テーブルにはページネーション機能があります。調査の結果、ajax を使用してテーブルのページネーションを更新する remotePagination というプラグインがあることがわかりました。私が抱えている問題は、「params.max」と「params.offset」の値が単なる文字列値ではなく、2 つの文字列のマップであることです。ページを開くと、「リスト」クロージャーが呼び出され、最大値とオフセットに正しい値が設定されます。たとえば、10 とします。2 番目の呼び出しで、ajax クロージャーが呼び出されると、最大値とオフセット値がそれぞれマップ内に次のとおりです。

params.max = [10,10]
params.offset = [10,10]

私が使用しているコードは次のとおりです。

コントローラ：

def list = {
    params.max = Math.min(params.int('max') ?: 10, 100)
    [bookInstanceList: Book.list(params), bookInstanceTotal: Book.count()]
}

def ajaxListBooks = {
    params.max = Math.min(params.int('max') ?: 10, 100)
    render(template: "bookList", model:[bookInstanceList: Book.list(params), bookInstanceTotal: Book.count()])
}

リスト.gsp

<%@ page import="com.intelligrape.Book" %>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="layout" content="main"/>
  <g:set var="entityName" value="${message(code: 'book.label', default: 'Book')}"/>
  <title><g:message code="default.list.label" args="[entityName]"/></title>
  <g:javascript library="prototype"/>
 </head>

 <body>
   <div class="nav">
     <span class="menuButton"><a class="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a>
    </span>
    <span class="menuButton"><g:link class="create" action="create"><g:message code="default.new.label" args="[entityName]"/></g:link></span>
   </div>

   <div class="body">
     <h1><g:message code="default.list.label" args="[entityName]"/></h1>
     <g:if test="${flash.message}">
       <div class="message">${flash.message}</div>
     </g:if>
   <div id="repoList">
            <g:render template="bookList"/>
   </div>
   </div>
 </body>
</html>

_listBooks.gsp

<%@ page import="com.nmi.uk.sw.subzero.Book" %>

<div>
  <table>
    <thead>
    <tr>

        <util:remoteSortableColumn property="author" title="${message(code: 'book.author.label', default: 'Author')}" update="repoList" action="ajaxListBooks"/>
        <util:remoteSortableColumn property="name" title="${message(code: 'book.name.label', default: 'Name')}" update="repoList" action="ajaxListBooks"/>
        <util:remoteSortableColumn property="price" title="${message(code: 'book.price.label', default: 'Price')}" update="repoList" action="ajaxListBooks"/>

    </tr>
    </thead>
    <tbody>
    <g:each in="${bookInstanceList}" status="i" var="bookInstance">
        <tr class="${(i % 2) == 0 ? 'even' : 'odd'}">

            <td><g:link action="show" id="${bookInstance.id}">${fieldValue(bean: bookInstance, field: "author")}</g:link></td>

            <td>${fieldValue(bean: bookInstance, field: "name")}</td>

            <td>${fieldValue(bean: bookInstance, field: "price")}</td>

        </tr>
    </g:each>
    </tbody>
</table>
<div class="paginateButtons">
    <util:remotePaginate total="${bookInstanceTotal}" update="repoList"
                                      action="ajaxListBooks"
                                      pageSizes="[10,20,30,40,50,60,70,80,90,100]" />
</div>
</div>

上記のコードは、remotePagination チュートリアルのサンプル アプリケーションに基づいています。それほど違いはありません。アプリケーションにプラグインを統合する前に、プラグインが機能するかどうかを確認するためだけに作成しました。

他の誰かがこの問題に遭遇したかどうか、およびその解決策があるかどうかを知りたい. どうもありがとう。

4

1 に答える 1

0

のタグ_bookList.gspにエラーがあります:<util:remotePaginate

pageSizes="[10,20,30,40,50,60,70,80,90,100]"

pageSizes次のように、リストではなくマップにする必要があります。

pageSizes="[10:'10 Per Page', 20: '20 Per Page', 50:'50 Per Page',100:'100 Per Page']"
于 2013-01-04T19:42:52.237 に答える