Plus qu'un tutoriel vous retrouvez ici le détail du coeur du framework
Dans le tutoriel précédent vous avez pu découvrir comment est implémenté le javascript. Vous découvrirez ici les principales fonctions.
//Préparation des données
var data = "Class=Blog&Methode=RefreshCategory&App=Blog";
data = "&blogId=" blogId;
Request.Post("Ajax.php", data).then(data=>{
console.log(data);
}
);
Cette requête va automatiquement appeler la class Blog de l'application Blog et la fonction RefreshCategory. Vous pouvez alors retourner du json ou du html au choix.
Les fonctions suivantes utilisent la bibliothéque Dashboard, pensez donc à l'inclure avec la ligne ci-dessous
<script src='{{GetPath(/script.php?s=Dashboard)}}' ></script>
var data = "Class=Blog&Methode=RefreshCategory&App=Blog";
data = "&blogId=" blogId;
Dashboard.LoadControl("tab_1", data, "" , "div", "Blog");
Cette méthode va automatiquement remplacer le contenu de l'element tab_1 avec le retour de la requête
Cette fonction attend trois arguments
Afin de gérer les interaction coté client, il faut gérer les évenements sr les controles par exemple OnClick, OnMouseOver, OnBlur . Il existe alors deux méthodes
Dashboard.AddEvent(img, "click", FormAction.DelResponse);
/**
* Supprime une réponse
**/
FormAction.DelResponse = function(e)
{
control = e.srcElement || e.target;
FormAction.DeleteResponse(control);
};
Dashboard.AddEventById("btnNewProjet", "click", NetworkAction.ShowAddProjet);
/**
* Pop in d'envoi de message
* @type type
*/
MessageAction.ShowSendMessage = function()
{
var param = Array();
param['App'] = 'Message';
param['Title'] = 'Message.ShowSendMessage';
Dashboard.OpenPopUp('Message','ShowSendMessage', '','','','MessageAction.RefreshNumberMessage()', serialization.Encode(param));
};
Cette fonction attend les paramétres suivants
Ne pas oublier la param['App'] pour l'application visé et le param['Title'] poru le titre de la popup