Trabajar con Visual Studio
Trabajar con Aspose.Cells.GridWeb usando Visual Studio 2013
Este tema muestra cómo usar Aspose.Cells.GridWeb al crear un sitio web de ejemplo en Visual Studio 2013. El proceso se ha dividido en pasos.
Paso 1: Crear un nuevo sitio web
- Abra Visual Studio 2013.
- Desde el menú Archivo, seleccione Nuevo Menú, luego Sitio Web.
Se abre el cuadro de diálogo Nuevo sitio web.
- Seleccione Sitio web de formularios web ASP.NET de las plantillas instaladas de Visual Studio.
- Elija el modo HTTP para la ubicación del sitio web.
- Especifique una ubicación donde se crearán y almacenarán los archivos del sitio web.
- Haga clic en Examinar en el cuadro de diálogo Nuevo sitio web.
Se muestra el cuadro de diálogo Elegir ubicación.
- Haga clic en la pestaña IIS local. Se muestran todas las carpetas y aplicaciones web almacenadas en su carpeta raíz de IIS (por ejemplo: C:\Inetpub\wwwroot).
- Ahora cree una nueva aplicación web en su IIS local donde se almacenarán los archivos del sitio web. El cuadro de diálogo Elegir ubicación le permite crear y eliminar aplicaciones web o directorios virtuales en su IIS local. Para crear una aplicación web, haga clic en un botón como se muestra a continuación en la figura.
Se crea una nueva aplicación web con el nombre predeterminado WebSite.
- Cambie el nombre de la aplicación web. Lo renombramos a GridWebOn2013.
- Haga clic en Abrir.
You return to the New Web Site dialog. The path of web site location is set to http://localhost/GridWebOn2013.
- Haga clic en Aceptar para que Visual Studio cree un sitio web.
Paso 2: Verificación de las vistas de código fuente y diseño de una página web
Visual Studio 2013 habrá creado un sitio web predeterminado. Contiene una página web default.aspx con algún texto ficticio y marcado.
Vista de código fuente de la página default.aspx
Todas las páginas web (incluidas las de ASP.NET) pueden abrirse en dos modos. Uno es la vista de código fuente que permite a los desarrolladores acceder y modificar el código fuente. El segundo modo es la vista de diseño que se puede utilizar para diseñar páginas web de forma WYSIWYG. La captura de pantalla anterior muestra una vista de código fuente de la página web default.aspx. Para ver la vista de diseño, haga clic en Diseño.
Vista de diseño de la página default.aspx
Elimine la página Default.aspx agregada por Visual Studio y agregue una nueva página Default.aspx en blanco.
Paso 3: Agregar Aspose.Cells.GridWeb a la página web
Simplemente puede agregar el control Aspose.Cells.GridWeb (o GridWeb) a una página web arrastrándolo desde la caja de herramientas.
Una vez que el control GridWeb se coloca en la página web, se renderizará de la siguiente manera:
Step 4: Change the <!DOCTYPE> tag
- Switch to source view and find the following <!DOCTYPE> tag in the source code:
ASP.NET
<!DOCTYPE html>
- Seleccione la etiqueta completa.
- 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">
Paso 5: Cambiar el tamaño del control Aspose.Cells.GridWeb
Puede cambiar el ancho y alto del control GridWeb después de arrastrarlo al sitio web.
En la vista de diseño, puede cambiar el ancho y alto del control GridWeb.
Paso 6: Configurar las propiedades de Aspose.Cells.GridWeb
Configure las propiedades de Aspose.Cells.GridWeb en WYSIWYG haciendo clic en el botón Propiedades en el lado derecho del IDE de Visual Studio 2013. Se muestra un cuadro de diálogo de propiedades.
El panel de propiedades hace posible configurar la apariencia y algunas otras propiedades para controlar el comportamiento de GridWeb.
Paso 7: Ejecutar su primer sitio web que contiene Aspose.Cells.GridWeb
Construya y ejecute el sitio web.
- Ejecute el sitio web directamente desde Visual Studio presionando Ctrl+F5 o haciendo clic en Iniciar depuración.
Ahora puede comenzar a usar el control GridWeb.
Control GridWeb en acción
