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.
Accélérer votre transformation digitale, protéger et sécuriser vos environnements Cloud avec les offres de support, d'accompagnement et de services managés. Découvrez le TOP 3 des Services Managés pour accompagner la transformation de vos environnements Cloud, gagner en agilité et en sécurité dans un monde d'incertitudes.
