Partager via

Exemple de contrôle web ink

  • Article

Cet exemple montre comment créer un contrôle avec entrée manuscrite à utiliser dans un navigateur Web. L’exemple prend l’exemple de formulaire de revendications automatiques d’origine et le transforme en contrôle placé sur une page web.

Pour plus d’informations sur l’utilisation de l’entrée manuscrite sur le web, consultez Ink sur le web.

Modifications apportées à l’exemple de projet d’origine

Cet exemple se compose d’une solution qui comprend deux projets et un fichier HTML. Le premier projet, AutoClaims, est un projet de bibliothèque de contrôles Microsoft Visual C# (un contrôle utilisateur). Le code source de ce contrôle est presque identique à celui de l’exemple AutoClaims avec deux différences :

  • La AutoClaims classe de cet exemple hérite de la classe UserControl plutôt que de la classe Form .

    public class AutoClaims : System.Windows.Forms.UserControl

  • La classe AutoClaims de cet exemple comporte une méthode publique ajoutée, DisposeResources qui supprime les contrôles enfants internes utilisés pour collecter l’encre. Cette méthode doit être appelée par lewebpage sur lequel le contrôle est utilisé lorsque cette page est terminée à l’aide du contrôle.

Référencement du contrôle en HTML

La solution inclut un fichier HTML, default.htm. Ce fichier est la page vers laquelle le navigateur accède pour charger le contrôle. Le fichier contient une balise d’objet <> qui fait référence au contrôle. Il inclut également un script appelé lors du déchargement de la page, comme indiqué par la présence de l’attribut onload= » OnUnload() " dans la balise de <corps> . Cette fonction appelle la DisposeResources méthode sur le contrôle pour s’assurer que toutes les ressources sont correctement libérées à l’arrêt.

<html>
    <script language="jscript">
        // Release any resources held by the AutoClaims control
        function OnUnload()
        {
            autoClaimsControl.DisposeResources();
        }
    </script>
    <head>
        <title>AutoClaims (Web Control)</title>
    </head>
    <body onunload="OnUnload()">
        <object 
          id="autoClaimsControl" 
          classid="AutoClaims.dll#AutoClaims.AutoClaims">
        </object>
    </body>
</html>

Notez le format de la valeur de l’attribut classid pour la balise d’objet<>. Il nomme l’assembly, suivi d’un séparateur de signe #, puis de l’espace de noms qui contient le contrôle, puis du nom de classe du contrôle.

Un contrôle utilisateur réel inclurait probablement des méthodes supplémentaires utilisées pour conserver ou envoyer les données collectées dans l’application.

Projet AutoClaims_WebControl

Le projet AutoClaims_WebControl est un projet de déploiement qui crée une configuration qui ajoute une racine virtuelle, AutoClaims_WebControl, sur le serveur web lorsqu’il est installé. Le contrôle et le fichier HTML sont placés dans cette racine virtuelle.

Notes

Les exemples web compilés ne sont pas installés par l’option d’installation par défaut du Kit de développement logiciel (SDK). Vous devez effectuer une installation personnalisée et sélectionner la sous-option « Exemples web précompilés » pour les installer.

 

Exemple de formulaire de revendications automatiques

Entrée manuscrite sur le web