Phalcon-JQuery

Ceci est une ancienne révision du document !

	Phalcon-JQuery est une librairie PHP compatible avec le Framework Phalcon. Elle permet d'intégrer facilement JQuery, JQuery UI ou Twitter Bootstrap dans les projets Web Phalcon, en respectant la séparation des couches MVC.

Télécharger Phalcon-JQuery sur gitHub
Dé-zipper dans un dossier local, et copier le dossier Ajax dans le dossier correspondant à ma variable libraryDir définie dans la configuration de votre projet Phalcon :

Intégration de la librairie Phalcon-JQuery dans un projet

    'application' => array(
        'controllersDir' => __DIR__ . '/../../app/controllers/',
        'modelsDir'      => __DIR__ . '/../../app/models/',
        'viewsDir'       => __DIR__ . '/../../app/views/',
        'pluginsDir'     => __DIR__ . '/../../app/plugins/',
        'libraryDir'     => __DIR__ . '/../../app/library/',
        'cacheDir'       => __DIR__ . '/../../app/cache/',
        'baseUri'        => '/atp/',
    )
</config>

Pour ajouter Phalcon-JQuery à un projet Phalcon, il est nécessaire d'injecter le service JQuery au démarrage de l'application :

$di->set("jquery",function(){
	$jquery= new JsUtils(array("driver"=>"Jquery"));
	$jquery->ui(new JqueryUI());//optional for JQuery UI
	$jquery->bootstrap(new Bootstrap());//Optional for Twitter Bootstrap
	return $jquery;
});

Pour fonctionner correctement, les librairies JS suivantes doivent être insérées dans les pages HTML principales (non sollicitées via ajax).

Librairie activée	Fichier JS	Fichier css
JQuery	jquery-min.js
JQuery UI*	jquery-ui-min.js	jquery-ui.css
Twitter Bootstrap*	bootstrap.min.js	bootstrap.min.css

* optionnel

-- Intégration manuelle des fichiers

En utilisant des CDN

<html>
	<head>
	<?php
	// JQuery
	echo Phalcon\Tag::javascriptInclude("http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js", false);
	//jquery ui
	echo Phalcon\Tag::javascriptInclude("https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js", false);
	//Thème Humanity for UI
	echo Phalcon\Tag::stylesheetLink("https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/humanity/jquery-ui.css", false);

?>
</head>

En copiant les librairies JS et Css localement sur le serveur

<html>
	<head>
	<?php
	// JQuery
	echo Phalcon\Tag::javascriptInclude("js/jquery.min.js");
	//jquery ui
	echo Phalcon\Tag::javascriptInclude("js/jquery-ui.min.js");
	//Thème Humanity for UI
	echo Phalcon\Tag::stylesheetLink("css/jquery-ui.css");

?>
</head>