0

そのため、連絡先をその場でフィルタリングする検索フィールドを作成しようとしています。したがって、主な結果がテンプレート（Contact / list.gsp）に表示されます。

<%@ page import="contactmanager.Contact" %>
<!doctype html>
<html>
<head>
    <meta name="layout" content="main">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <g:set var="entityName" value="${message(code: 'contact.label', default: 'Contact')}" />
    <title><g:message code="default.list.label" args="[entityName]" /></title>
</head>
<body>
    <div id="list-contact" class="mainContent-contact" role="main">
        <h1><g:message code="default.list.label" args="[entityName]" /></h1>

        <g:if test="${flash.message}">
            <div class="message" role="status">${flash.message}</div>
        </g:if>

        <div id="searchBox">
            Instant Search: <g:remoteField name="q" update="searchResults" paramName="q" url="[controller:'contact', action:'search']"/>
        </div>

        <g:render template="searchResults"/>

        <div class="pagination">
            <g:paginate total="${contactInstanceTotal}" />
        </div>

    </div>
</body>

これが私のテンプレート（_searchResults.gsp）です：

<%@ page import="contactmanager.Contact" %>


        <div id = "searchResultsDiv">
                <table>
                    <thead>
                        <tr>
                            <g:sortableColumn property="firstName" title="${message(code: 'contact.firstName.label', default: 'First Name')}" />
                            <g:sortableColumn property="lastName" title="${message(code: 'contact.lastName.label', default: 'Last Name')}" />
                            <g:sortableColumn property="phone" title="${message(code: 'contact.phone.label', default: 'Phone')}" />
                            <g:sortableColumn property="email" title="${message(code: 'contact.email.label', default: 'Email')}" />
                            <g:sortableColumn property="title" title="${message(code: 'contact.title.label', default: 'Title')}" />
                            <g:sortableColumn property="jobFunc" title="${message(code: 'contact.jobFunc.label', default: 'Job Func')}" />
                        </tr>
                    </thead>
                    <tbody>
                    <g:each in="${contactInstanceList}" status="i" var="contactInstance">
                            <g:if test="${contactInstance.isActive}">
                                <tr class="${(i % 2) == 0 ? 'even' : 'odd'}">

                                <td><g:link action="show" id="${contactInstance.id}">${fieldValue(bean: contactInstance, field: "firstName")}</g:link></td>
                                <td>${fieldValue(bean: contactInstance, field: "lastName")}</td>
                                <td>${fieldValue(bean: contactInstance, field: "phone")}</td>
                                <td>${fieldValue(bean: contactInstance, field: "email")}</td>
                                <td>${fieldValue(bean: contactInstance, field: "title")}</td>
                                <td>${fieldValue(bean: contactInstance, field: "jobFunc")}</td>

                                </tr>
                            </g:if>
                    </g:each>
                    </tbody>
                </table>
        </div>

そのため、現在、テキストを入力しても何も起こりません。検索メソッドにプリントアウトを追加しましたが、まったく呼び出されていません。remoteFieldが停滞していて、アクティブではないようです。

このタグの前提条件がありませんか？公式APIをオンラインで調べましたが、そのようなことを示すものはまったく見当たりませんでした。2.0.0に何か新しいものはありますか？

私は検索可能なプラグインを使用して、コントローラーで結果を取得しています。参考までに。

助けてくれてありがとう！

更新：メイン.gspにjavascriptライブラリ呼び出しを明示的に追加しましたが、サーバーから応答が返ってきたようです。これはすばらしいニュースです（missingPropertyException）：

プラグイン定義をjQueryのライブラリ呼び出しに追加する必要がありました（library=jqueryおよびplugin=query）

4

1 に答える 1

0

まず、アドバイスをくださった方々に感謝します。Firebugが便利なツールであり、その出力がライブラリの呼び出しを示していることがわかりました。

そのため、正しいjQueryライブラリ呼び出しを使用してサーバーからのアクションが表示されています。私の最後の問題は、テンプレート内のメインdivの名前ではなく、remoteFieldの更新でテンプレート名を参照していたことでした。

それらを修正したら、私は働いています。すべてのアドバイスをありがとう！

于 2012-02-14T17:27:30.667 に答える