Pour l’instant, nous avons donc ajouté notre bouton à l’onglet d’insertion des « wiki page ». Nous allons maintenant passer au code de notre « Page Component ». Il est fortement conseillé d’avoir lu le cours précédent (dans ce même magazine) sur les « Page Components »
Développer l’architecture du Page Component
![Développer l’architecture du Page Component Développer l’architecture du Page Component](https://www.itpro.fr/wp-content/uploads/2012/02/ITPro.fr-SMART-DSI-@ITPROFR-2001-2023-ITPro-Magazine-System-i-NEWS-Exchange-Magazine-SQL-Server-Magazine-ITProeurope.jpg)
pour bien comprendre l’architecture que nous allons employer maintenant.
Faites un clic droit sur votre projet et choisissez Add > SharePoint « Layouts » Mapped Folder. Créez alors un fichier dans le dossier créé en faisant un clic droit dessus et choisissez Add > New Item > JScript File. Nommez ce dernier « ITProMag.InsertButton.js ». Voir figure 7.
Commencez tout d’abord par attendre que le « Ribbon » soit entièrement chargé pour enregistrer votre « Page Component » :
ExecuteOrDelayUntilScriptLoaded(registerInsertButtonComponent, ‘SP.Ribbon.js’);
function registerInsertButtonComponent() {
}
Tapez ensuite les lignes suivantes dans la fonction déclarée précédemment pour enregistrer votre « namespace » et pour créer le constructeur de votre « Page Component » :
Type.registerNamespace(« ITProMag.InsertButton »);
ITProMag.InsertButton.PageComponent = function () {
ITProMag.InsertButton.PageComponent.initializeBase(this);
}
Nous allons ensuite devoir déclarer le « prototype » de notre « Page Component » comme suit :
Téléchargez cette ressource
![Guide inmac wstore pour l’équipement IT de l’entreprise](https://www.itpro.fr/wp-content/uploads/2024/04/Guide-inmac-wstore-Juillet-2024.jpg)
Guide inmac wstore pour l’équipement IT de l’entreprise
Découvrez les dernières tendances et solutions IT autour des univers de Poste de travail, Affichage et Collaboration, Impression et Infrastructure, et notre nouveau dossier thématique sur l’éco-conception et les bonnes pratiques à adopter pour réduire votre impact environnemental.