Поделиться через

Пример веб-элемента управления Ink

  • Статья

В этом примере показано, как создать элемент управления с поддержкой рукописного ввода для использования в веб-браузере. Этот пример принимает исходный пример формы автозаверяний и преобразует его в элемент управления, который помещается на веб-страницу.

Дополнительные сведения об использовании рукописного ввода в Интернете см. в разделе Рукописный ввод в Интернете.

Изменения в исходном примере проекта

Этот пример состоит из решения, которое включает два проекта и HTML-файл. Первый проект AutoClaims — это проект библиотеки элементов управления Microsoft Visual C# (пользовательский элемент управления). Исходный код для этого элемента управления почти идентичен коду примера AutoClaims с двумя отличиями:

  • Класс AutoClaims в этом примере наследуется от класса UserControl , а не класса Form .

    public class AutoClaims : System.Windows.Forms.UserControl

  • Класс AutoClaims в этом примере имеет добавлен открытый метод, который удаляет внутренние дочерние элементы управления, DisposeResources используемые для сбора рукописного ввода. Этот метод должен вызываться приложениемwebpageon, который используется элементом управления по завершении работы с элементом управления .

Ссылка на элемент управления в HTML

Решение включает HTML-файл, default.htm. Этот файл представляет собой страницу, на которую браузер переходит для загрузки элемента управления. Файл содержит <тег объекта> , который ссылается на элемент управления . Он также включает скрипт, который вызывается при выгрузке страницы, о чем свидетельствует наличие атрибута onload="" OnUnload() в теге <body> . Эта функция вызывает DisposeResources метод в элементе управления , чтобы убедиться, что все ресурсы должным образом освобождены при завершении работы.

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

Обратите внимание на формат значения атрибута classid для тега <объекта> . Он присваивает сборке имя, за которым следует разделитель знака #, а затем пространство имен, содержащее элемент управления, а затем имя класса элемента управления.

Реальный пользовательский элемент управления, скорее всего, будет включать дополнительные методы, используемые для сохранения или отправки данных, собранных в приложении.

Проект AutoClaims_WebControl

Проект AutoClaims_WebControl — это проект развертывания, который создает программу установки, которая добавляет виртуальный корневой каталог AutoClaims_WebControl на веб-сервере при установке. Элемент управления и HTML-файл помещаются в этот виртуальный корень.

Примечание

Скомпилированные веб-примеры не устанавливаются по умолчанию для пакета SDK. Необходимо завершить пользовательскую установку и выбрать дополнительный параметр "Предварительно скомпилированные веб-примеры", чтобы установить их.

 

Пример формы автоматических утверждений

Рукописный ввод в Интернете