Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

Intégrer des composants Flex 4 dans Microsoft Office SharePoint

Tutorial Flex écrit par Eric de People In Action (http://blog.piaction.com/)
Publiez vous aussi sur flex-tutorial!

SharePoint est une série de logiciels pour applications web et portails, développée par Microsoft. Les fonctionnalités des produits SharePoint sont la gestion de contenu, les moteurs de recherche, la gestion électronique de documents, les forums, la création de formulaires et de statistiques décisionnelles.

Presque toutes les informations dans SharePoint sont stockées dans des listes et cette plateforme offre un ensemble de services pour les manipuler (services web, RPC, …).

Dans l’exemple suivant, nous allons développer une application Flex qui utilise des données stockées dans SharePoint. Pour cela nous allons créer un composant Flex qui appelle une «Assemblée» retournant une liste SharePoint. Ce composant mettra à jour le titre d’un élément de la liste par le biais d’un service web

Création de l’application Flex

Lancez Flash Builder et créez un nouveau «Projet Flex».

Ouvrez le fichier d’application principal de votre projet et copiez le code suivant:

<?xml version="1.0" encoding="utf-8"?>
<spark:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                   xmlns:spark="library://ns.adobe.com/flex/spark"
                   xmlns:mx="library://ns.adobe.com/flex/mx"
                   initialize="onInit()">

  <fx:Declarations>

  </fx:Declarations>

  <fx:Script>
    <![CDATA[
      import mx.collections.ArrayCollection;
      import mx.controls.Alert;
      import mx.rpc.events.FaultEvent;
      import mx.rpc.events.ResultEvent;

      [Bindable]
      private var sharePointList:ArrayCollection;

      private function onInit():void
      {
      }

      private function searchItems():void
      {
      }

      private function searchResultHandler(event:ResultEvent):void
      {
      }

      private function faultHandler(event:FaultEvent):void
      {
        Alert.show(event.fault.message, "Warning");
      }

      private function updateItemResultHandler(event:ResultEvent):void
      {
      }
    ]]>
  </fx:Script>
  <spark:VGroup horizontalAlign="left">
    <spark:VGroup horizontalAlign="right">
      <mx:Form labelWidth="100" paddingRight="0" paddingBottom="0">
        <mx:FormItem label="Site Address">
          <spark:Label text="{siteAddress}"/>
        </mx:FormItem>
        <mx:FormItem label="List GUID">
          <spark:TextInput id="list" width="300"/>
        </mx:FormItem>
        <mx:FormItem label="View GUID">
          <spark:TextInput id="view" width="300"/>
        </mx:FormItem>
      </mx:Form>
      <spark:Button label="search" click="searchItems()"/>
    </spark:VGroup>

    <mx:DataGrid id="allItems" dataProvider="{sharePointList}" width="100%">
      <mx:columns>
        <mx:DataGridColumn dataField="ows_ID"       headerText="Id"       width="15"/>
        <mx:DataGridColumn dataField="ows_Title"    headerText="Title"    width="90"/>
        <mx:DataGridColumn dataField="ows_Modified" headerText="Modified" width="50"/>
      </mx:columns>
    </mx:DataGrid>

  </spark:VGroup>
</spark:Application>

Récupération des paramètres

Nous avons choisi d’utiliser les flashVars pour passer des paramètres à notre composant. Pour y accéder nous utilisons la propriété « parameters » de l’objet «FlexGlobals.topLevelApplication». Pour accéder à la valeur de son paramètre, il suffit de procéder ainsi : parameters.nomDuParametre

Nous définissons le paramètre suivant :

• siteAddress : adresse de votre site SharePoint.

Nous récupérons ce paramètre lors de l’envoi de l’événement initialize par l’application.