Ce framework JavaScript intégré offre des fonctionnalités AJAX simples mais puissantes. Découvrez l'exemple de calculatrice ci-dessous.
Le balisage HTML pour cet exemple :
<!-- The form -->
<form role="form" data-request="onTest" data-request-update="calcresult: '#result'">
<input type="text" value="15" name="value1">
<select name="operation">
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
<input type="text" value="5" name="value2">
<button type="submit">Calculer</button>
</form>
<!-- The result -->
<div id="result">{% partial "calcresult" %}</div>
Le fichier calcresult dans les modèles "partial" :
{% if result %}
Le résultat est {{ result }}.
{% else %}
Cliquez sur le bouton <strong><em>Calculer</em></strong> pour obtenir la réponse.
{% endif %}
Le code PHP en mode Test onTest :
function onTest()
{
$value1 = input('value1');
$value2 = input('value2');
$operation = input('operation');
switch ($operation) {
case '+' :
$this['result'] = $value1 + $value2;
break;
case '-' :
$this['result'] = $value1 - $value2;
break;
case '*' :
$this['result'] = $value1 * $value2;
break;
default :
$this['result'] = $value1 / $value2;
break;
}
}