> Tech > Ajouter le fichier JavaScript à  la Master page

Ajouter le fichier JavaScript à  la Master page

Tech - Par iTPro - Publié le 10 octobre 2011
email

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"

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.

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 gratuitement cette ressource

IBMi et Cloud : Table ronde Digitale

IBMi et Cloud : Table ronde Digitale

Comment faire évoluer son patrimoine IBMi en le rendant Cloud compatible ? Comment capitaliser sur des bases saines pour un avenir serein ? Faites le point et partagez l'expertise Hardis Group et IBM aux côtés de Florence Devambez, DSI d'Albingia.

Tech - Par iTPro - Publié le 10 octobre 2011