Développer l’architecture du Page Component

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 :