Click To Load

Explanation #

This example shows how to implement click-to-load the next page in a table of data. The crux of the example is the final row:

1<button
2    class="info wide"
3    data-indicator-_fetching
4    data-attr-aria-disabled="`${$_fetching}`"
5    data-on-click="!$_fetching && @get('/examples/click_to_load/more')"
6>
7    Load More
8</button>

After clicking this button, the server responds with a set of elements in a text/event-stream with the next page of results. And so on.