Работа с Visual Studio
Работа с Aspose.Cells.GridWeb с помощью Visual Studio 2013
Данная тема показывает, как использовать Aspose.Cells.GridWeb, создав пример веб-сайта в Visual Studio 2013. Процесс разделен на этапы.
Шаг 1: Создание нового веб-сайта
- Откройте Visual Studio 2013.
- В меню Файл выберите Новое меню, затем Веб-сайт.
Открывается диалоговое окно Нового веб-сайта.
- Выберите ASP.NET веб-сайт форм из установленных шаблонов Visual Studio.
- Выберите режим HTTP для местоположения веб-сайта.
- Укажите местоположение, где будут созданы и храниться файлы веб-сайта.
- Нажмите Обзор в диалоговом окне Нового веб-сайта.
Отображается диалоговое окно Выбор местоположения.
- Нажмите вкладку Локальный IIS. Отображаются все папки и веб-приложения, сохраненные в корневой папке IIS (например: C:\Inetpub\wwwroot).
- Теперь создайте новое веб-приложение в вашем локальном IIS, где будут храниться файлы веб-сайта. Диалоговое окно Выбор местоположения позволяет создавать и удалять веб-приложения или виртуальные каталоги в вашем локальном IIS. Чтобы создать веб-приложение, нажмите соответствующую кнопку, как показано на рисунке ниже.
Создается новое веб-приложение с именем по умолчанию WebSite.
- Переименуйте веб-приложение. Мы переименовали его в GridWebOn2013.
- Нажмите Открыть.
You return to the New Web Site dialog. The path of web site location is set to http://localhost/GridWebOn2013.
- Нажмите OK, чтобы Visual Studio создал веб-сайт.
Шаг 2: Проверка исходного и дизайн-видов веб-страницы
Visual Studio 2013 уже создал веб-сайт по умолчанию. Он содержит веб-страницу default.aspx с некоторым фиктивным текстом и разметкой.
Исходный вид страницы default.aspx
Все веб-страницы (включая ASP.NET) могут быть открыты в двух режимах. Один - это исходный вид, который позволяет разработчикам получить доступ и изменить исходный код. Второй режим - это дизайн-вид, который можно использовать для проектирования веб-страниц в режиме WYSIWYG. На рисунке выше показан исходный вид веб-страницы default.aspx. Чтобы просмотреть дизайн-вид, нажмите Дизайн.
Представление дизайна страницы default.aspx
Удалите страницу Default.aspx, добавленную Visual Studio, и добавьте новую пустую страницу Default.aspx.
Шаг 3: Добавление Aspose.Cells.GridWeb на веб-страницу
Вы можете просто добавить элемент управления Aspose.Cells.GridWeb (или GridWeb) на веб-страницу, перетащив его из панели инструментов.
После того как элемент управления GridWeb добавлен на веб-страницу, он будет отображаться вот так:
Step 4: Change the <!DOCTYPE> tag
- Switch to source view and find the following <!DOCTYPE> tag in the source code:
ASP.NET
<!DOCTYPE html>
- Выберите полный тег.
- Retain, change or delete the <!DOCTYPE> tag.
- Or modify the <!DOCTYPE> tag with the following one:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Шаг 5: Изменение размеров элемента управления Aspose.Cells.GridWeb
Вы можете изменить ширину и высоту элемента управления GridWeb после его перетаскивания на веб-сайт.
В режиме дизайна вы можете изменить ширину и высоту GridWeb.
Шаг 6: Настройка свойств Aspose.Cells.GridWeb
Настройте свойства Aspose.Cells.GridWeb в WYSIWYG, нажав кнопку Свойства справа в Visual Studio 2013 IDE. Отображается диалоговое окно свойств.
Панель свойств позволяет настраивать внешний вид и некоторые другие свойства элемента управления GridWeb, чтобы управлять его поведением.
Шаг 7: Запуск вашего первого веб-сайта, содержащего элемент управления Aspose.Cells.GridWeb
Постройте и запустите веб-сайт.
- Запустите веб-сайт напрямую из Visual Studio, нажав Ctrl+F5 или кликнув Начать отладку.
Теперь вы можете начать работу с элементом управления GridWeb.
Элемент управления GridWeb в действии
