Partager via


Configuration d’une page d’application pour ECMAScript

Dernière modification : lundi 20 juin 2011

S’applique à : SharePoint Foundation 2010

Disponible dans SharePoint Online

Vous pouvez inclure du code personnalisé qui utilise le modèle objet ECMAScript (JavaScript, JScript) dans un bloc de script sur une page .aspx ou vous pouvez créer un fichier .js distinct pour inclure votre code et le référencer depuis la page .aspx. L’exemple suivant suppose que vous avez créé un projet SharePoint Foundation avec une page d’application dans Microsoft Visual Studio 2010, comme indiqué dans Création de pages d'application pour SharePoint. Visual Studio crée la page d’application dans %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\LAYOUTS.

Pour obtenir IntelliSense pour l’espace de noms SP dans l’éditeur de code Visual Studio, ajoutez des balises <script> qui référencent les fichiers SharePoint Foundation .js installés dans le répertoire \LAYOUTS. Incluez des références à SP.Core.Debug.js, SP.Debug.js et SP.Runtime.Debug.js, comme l’illustre l’exemple.

Important

Dans Microsoft Visual Studio 2010, les balises <script> que vous ajoutez constituent un composant au moment du design qui permet de fournir IntelliSense pour le modèle objet client SharePoint Foundation ; toutefois, pour générer le projet, vous devez commenter les balises <script>. En outre, testez votre page sur le serveur pour vérifier qu’elle est dépourvue d’erreurs.

Si vous écrivez du code qui modifie des données SharePoint Foundation, incluez un contrôle FormDigest pour créer une synthèse pour la validation de la sécurité de la page.

<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Import Namespace="Microsoft.SharePoint.ApplicationPages" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" 
  Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" 
  Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="asp" Namespace="System.Web.UI" 
  Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<%@ Import Namespace="Microsoft.SharePoint" %>
<%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestServerOM1.aspx.cs" 
  Inherits="TestServerOM1.Layouts.TestServerOM1.TestServerOM1" DynamicMasterPageFile="~masterurl/default.master" %>

<asp:Content ID="PageHead" ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server">

<script type="text/ecmascript" src="/_layouts/SP.Core.js" />
<script type="text/ecmascript" src="/_layouts/SP.Debug.js" />
<script type="text/ecmascript" src="/_layouts/SP.Runtime.Debug.js" />

<script language="ecmascript" type="text/ecmascript">

          function onQuerySucceeded(sender, args) {
              alert('Title: ' + this.oWebsite.get_title() + ' Decription: ' + this.oWebsite.get_description());
          }

          function onQueryFailed(sender, args) {
              alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
          }

          function retrieveWebSite() {
              var clientContext = new SP.ClientContext.get_current();
              this.oWebsite = clientContext.get_web();
              clientContext.load(this.oWebsite);
              clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));
          }
      </script>
</asp:Content>

<asp:Content ID="Main" ContentPlaceHolderID="PlaceHolderMain" runat="server">

    <SharePoint:FormDigest ID="FormDigest1" runat="server"></SharePoint:FormDigest>

    <input id="Button1" runat="server" Text="Retrieve Web Site" OnClick="retrieveWebSite()" />
  
</asp:Content>

<asp:Content ID="PageTitle" ContentPlaceHolderID="PlaceHolderPageTitle" runat="server">
Application Page
</asp:Content>

<asp:Content ID="PageTitleInTitleArea" ContentPlaceHolderID="PlaceHolderPageTitleInTitleArea" runat="server" >
My Application Page
</asp:Content>

Pour des informations sur les fichiers .js de débogage qui sont inclus dans une installation de SharePoint Foundation, voir Déploiement et distribution du modèle objet client.

Voir aussi

Concepts

Procédure : travailler avec des sites Web

Vue d'ensemble de la récupération des données

Tâches courantes de programmation

Autres ressources

Bibliothèque de classes Client

Bibliothèque de classes ECMAScript