Implementing Click To Load

This example demos a click to load UI for a table.

Note that the "server side" implementation is mocked out using mockjax, so you can see the entire implementation. Click the "Source Code" tab to see the code.

Explanation

• After the last row of data, emit a single row/column with a colspan of the entire table, with a button in it.
• That button has an ic-get-from attribute that loads the next page of data (including another button). The button targets the closest table row for replacement with the ic-target attribute, using the special closest syntax. Finally, because we want to replace the entire row with the new page of rows returned (rather than simply replacing the inner content of the row), the ic-replace-target is set to true

Demo