> Tech > Ajouter le fichier JavaScript à la Master page

Ajouter le fichier JavaScript à la Master page

Tech - Par Renaud ROSSET - Publié le 10 octobre 2011

Maintenant que notre fichier « JavaScript » est terminé, nous allons devoir ajouter quelques attributs dans notre fichier « Elements.xml ». Effectivement, rajoutez ces attributs au « Flyout Anchor » :

PopulateDynamically="true"
PopulateOnlyOnce="false"
PopulateQueryCommand="InsertUserButtonPopulateCommand"
Command="InsertUserButtonCommand"

Ajouter le fichier JavaScript à la Master page

Le premier attribut permet d’indiquer que le contenu du « Flyout Anchor » sera défini dynamiquement. Le second attribut permet d’indiquer que la commande relative à la population de ce « Flyout Anchor » devra être exécutée à chaque fois. Ici, l’avantage est que cette fonction est simplement celle renvoyant le contenu de la variable « content », cela n’impliquera donc pas d’overhead de l’exécuter à chaque fois que l’on déroule le menu. L’avant dernier attribut défini la commande à exécuter lorsque l’on déroule le menu. Enfin, la dernière commande ne servira qu’à activer notre bouton par défaut.

Comment ajouter le fichier JavaScript à la Master page

Nous allons maintenant créer le « Delegate Control » permettant d’ajouter notre fichier « JavaScript » à la « Master page ». Faites donc un clic droit sur votre projet et choisissez Add > SharePoint Mapped Folder. Dans la fenêtre qui apparaît, déroulez le dossier « TEMPLATE » et sélectionnez « CONTROLTEMPLATES ». Faites ensuite un clic droit sur le dossier créé dans la solution et choisissez Add > New item > User Control. Nommez ce dernier « InsertButtonDelegateControl » et validez. Voir figure 13.

Supprimez le fichier « InsertButtonDelegateControl.ascx.cs » et remplacez le contenu du fichier « InsertButtonDelegateControl.ascx » par ceci :

< scriptlanguage= »javascript »
src= »/_layouts/ITProMag.InsertUser/ITProMag.InsertButton.js »>

Enfin, rendez-vous dans votre fichier « Elements.xml » et rajoutez cette ligne :

< ControlId= »AdditionalPageHead »Sequence= »80″
ControlSrc= »~/_ControlTemplates/InsertButtonDelegateControl.ascx »/ >

Pour ajouter votre contrôle à la « Master Page ».

Et voilà, c’est terminé, vous pouvez maintenant vous rendre sur une « wiki page », l’éditer et vous rendre dans l’onglet d’insertion. Vous y verrez notre bouton d’insertion et vous serez en mesure d’insérer n’importe quel élément dans la page. A condition, bien sûr, que votre liste «Students » contienne des valeurs.

Vous pouvez télécharger les sources de l’exemple expliqué dans ce cours à l’adresse http://www.areaprog.com/DVP/ITProMag.InsertUser.zip.

Téléchargez cette ressource

Mac en entreprise : le levier d’un poste de travail moderne

Mac en entreprise : le levier d’un poste de travail moderne

Ce livre blanc répond aux 9 questions clés des entreprises sur l’intégration du Mac : sécurité, compatibilité, gestion, productivité, coûts, attractivité talents, RSE et IA, et l’accompagnement sur mesure proposé par inmac wstore.

Les plus consultés sur iTPro.fr

A lire aussi sur le site

À la une de la chaîne Tech