The first version is working and checked in. I created an
infinteScroll mixin and attached it to the content. When javascript is
enabled it hides the pagination component and uses the next href to
fetch the next pages as you scroll down. It's completely transparent
to the way the code works. The tml is
<t:any t:id="mediaGrid" t:mixins="tb/pager" source="source"
parameterName="parameterName" >
<ul t:type="any" t:id="gridContent" class="media-grid gallery"
t:mixins="tb/infiniteScroll"
options='{navSelector: ".pagination", nextSelector:
"a#next:last", itemSelector: "#gridContent li"}'>
<t:tb.loop value="value">
<li><t:body/></li>
</t:tb.loop>
</ul>
<t:tb.pagination/>
</t:any>
I need to cleanup the selectors so it plays nice with others.
Thanks to tapestry5-jquery the mixin code is this
@Import(library="classpath:/com/trsvax/bootstrap/jquery-infinitescroll.js")
public class InfiniteScroll extends Widget {
}
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org
