Compartir a través de

Ejemplo de control web de entrada de lápiz

  • Artículo

En este ejemplo se muestra cómo crear un control habilitado para entrada de lápiz para su uso en un explorador web. El ejemplo toma el ejemplo de formulario de notificaciones automáticas original y lo convierte en un control que se coloca en una página web.

Para obtener más información sobre el uso de entrada de lápiz en la Web, vea Ink on the Web.

Modificaciones en el proyecto de ejemplo original

Este ejemplo consta de una solución que incluye dos proyectos y un archivo HTML. El primer proyecto, AutoClaims, es un proyecto de biblioteca de controles de Microsoft Visual C# (un control de usuario). El código fuente de este control es casi idéntico al del ejemplo AutoClaims con dos diferencias:

  • La AutoClaims clase de este ejemplo hereda de la clase UserControl en lugar de la clase Form .

    public class AutoClaims : System.Windows.Forms.UserControl

  • La clase AutoClaims de este ejemplo tiene un método público agregado, DisposeResources que elimina los controles secundarios internos usados para recopilar entrada de lápiz. El webpageon debe llamar a este método cuando termine de usarse esa página mediante el control .

Hacer referencia al control en HTML

La solución incluye un archivo HTML, default.htm. Este archivo es la página a la que navega el explorador para cargar el control. El archivo contiene una <etiqueta de objeto> que hace referencia al control . También incluye un script al que se llama cuando se descarga la página, como se indica en la presencia del atributo onload=" OnUnload() " en la <etiqueta body> . Esta función llama al DisposeResources método en el control para asegurarse de que todos los recursos se liberan correctamente al apagarse.

<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>

Observe el formato del valor del atributo classid para la etiqueta de <objeto> . Asigna un nombre al ensamblado, seguido de un separador de signos # y, a continuación, el espacio de nombres que contiene el control y, a continuación, el nombre de clase del control.

Es probable que un control de usuario real incluya métodos adicionales que se usan para conservar o enviar los datos recopilados en la aplicación.

El proyecto de AutoClaims_WebControl

El proyecto AutoClaims_WebControl es un proyecto de implementación que crea una configuración que agrega una raíz virtual, AutoClaims_WebControl, en el servidor web cuando se instala. El control y el archivo HTML se colocan en esta raíz virtual.

Nota

Los ejemplos web compilados no se instalan con la opción de instalación predeterminada para el SDK. Debe completar una instalación personalizada y seleccionar la subconsulta "Ejemplos web precompilados" para instalarlas.

 

Ejemplo de formulario de notificaciones automáticas

Entrada de lápiz en la Web