Componette

Componette

vojtech-dobes

vojtech-dobes / history.nette.ajax.js

Adds History API support to nette.ajax.js addon!

download-cloud-line composer require vojtech-dobes/nette-ajax-history

History Extension

Adds History API support to nette.ajax.js addon for Nette Framework!

Installation

  1. Link client-side/history.ajax.js after nette.ajax.js.
  2. Load PHP files with Composer: vojtech-dobes/nette-ajax-history
  3. Register config extension in your configuration:
extensions:
	ajaxHistory: VojtechDobes\NetteAjax\HistoryExtension

Usage

Write your application as normal. All redirects and forwards will be properly handled.

To correctly update UI, use snippets. If you plan to ajaxify whole application, consider adding this snippet to your beforeRender() method in BasePresenter.

if ($this->isAjax()) {
	$this->invalidateControl('title');
	$this->invalidateControl('content');
}

And app/@layout.latte might be upgraded accordingly:

<title n:inner-snippet="title">...
{snippet content}
{include content}
{/snippet}

Disabling

If you want specific links or forms exclude from scope of this addon (not make them update the URL), you can use data-ajax-off feature of nette.ajax.js.

<a class="ajax" data-ajax-off="history">

UI Caching

Extension will automatically cache your UI and restore it on Back and Forward buttons without communication with server. If you wish to call server on every Back and Forward, turn caching off.

$.nette.ext('history').cache = false;

No release at this moment. Try to create first one.

Componette Componette felix@nette.org