0

展開/折りたたみ可能なリスト項目を含む階層リストを作成しています。ユーザーがリスト項目をクリックして展開すると、テーブルがポップアップして情報が表示されます。現在、ページが読み込まれると、grails はすべてのテーブルをレンダリングしています。ただし、リスト項目がクリックされたときにのみテーブルが読み込まれるようにします。テーブルhtmlを格納するために部分テンプレートを使用しており、使用しています

<g:render>

それらをレンダリングします。class="list" の div がクリック時にのみロードされるように、投稿するコードを変換する方法はありますか? そうでない場合、クリック時にのみ g:render タグを呼び出す方法はありますか?

<g:each in="${group2List}" var="item">
            <li class="liClosed"><b>
                    ${item}
            </b> <%= Application.findAllWhere((group2): item, (group1): group).size() %>
                <ul>
                    <div class="list">
                        <table id="portfolio">
                            <g:render template="tableHeader" />
                            <g:render template="applicationRow"
                                collection="${Application.findAllWhere((group2): item, (group1): group)}"
                                var="applicationInstance" />
                        </table>
                    </div>
                </ul></li>
            <br />
</g:each>

それで、クリック時にのみその div class="list" をレンダリングするliのonClickイベントを追加する方法はありますか? または、これらの g:renders onClick を ul 内に保持しながら呼び出す方法。

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

4

1 に答える 1