Ajax panels

The ajax panel is a flexible solution for loading ajax content(html/json) based on any event that occurs on any element and appending the content wherever it is needed with just a few options.

Documentation

This basic setup will get html content contained in a #pagecontent DIV markup coming from the html API and append it to the ajax panel element itself. In this case the event triggering the request will be on the ajaxPanel element itself.

Some specific setups can change the behavior of the ajax panel:

Some options can be passed to the component through the wrapper's data-option attribute data-option={"theOptionToAdd":value}

Demo

Styleguide section