展開/折りたたみ可能なリスト項目を含む階層リストを作成しています。ユーザーがリスト項目をクリックして展開すると、テーブルがポップアップして情報が表示されます。現在、ページが読み込まれると、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 内に保持しながら呼び出す方法。
助けてくれてありがとう!