Lavorare con Visual Studio
Lavorare con Aspose.Cells.GridWeb Utilizzando Visual Studio 2013
Questo argomento mostra come utilizzare Aspose.Cells.GridWeb creando un sito web di esempio in Visual Studio 2013. Il processo è stato diviso in fasi.
Passo 1: Creazione di un nuovo sito web
- Apri Visual Studio 2013.
- Dal menu File, seleziona Nuovo Menu, quindi Sito Web.
Viene aperta la finestra di dialogo Nuovo sito Web.
- Seleziona Sito Web ASP.NET Web Forms dai modelli installati di Visual Studio.
- Scegli la modalità HTTP per la posizione del sito web.
- Specifica una posizione in cui verranno creati e memorizzati i file del sito web.
- Fai clic su Sfoglia nella finestra di dialogo Nuovo sito Web.
Viene visualizzata la finestra di dialogo Scegli posizione.
- Fai clic sulla scheda Local IIS. Vengono visualizzate tutte le cartelle e le applicazioni web memorizzate nella cartella radice di IIS (ad esempio: C:\Inetpub\wwwroot).
- Ora crea una nuova applicazione web nel tuo IIS locale dove verranno memorizzati i file del sito web. La finestra di dialogo Scegli posizione ti consente di creare ed eliminare applicazioni web o directory virtuali nel tuo IIS locale. Per creare un’applicazione web, fai clic su un pulsante come mostrato di seguito nella figura.
Viene creata una nuova applicazione web con il nome predefinito WebSite.
- Rinomina l’applicazione web. L’abbiamo rinominata in GridWebOn2013.
- Fare clic su Apri.
You return to the New Web Site dialog. The path of web site location is set to http://localhost/GridWebOn2013.
- Fai clic su OK per consentire a Visual Studio di creare un sito web.
Passo 2: Verifica delle viste di origine e design di una pagina web
Un sito web predefinito sarà stato creato da Visual Studio 2013. Contiene una pagina web default.aspx predefinita con del testo e markup fittizi.
Vista origine della pagina default.aspx
Tutte le pagine web (incluse quelle ASP.NET) possono essere aperte in due modalità. Una è la vista origine che consente ai programmatori di accedere e modificare il codice sorgente. La seconda modalità è la vista design che può essere utilizzata per progettare le pagine web in modo WYSIWYG. La schermata sopra mostra la vista origine della pagina web default.aspx. Per visualizzare la vista design, fai clic su Design.
Vista del design della pagina default.aspx
Elimina la pagina Default.aspx aggiunta da Visual Studio e aggiungi una nuova pagina Default.aspx vuota.
Passaggio 3: Aggiunta di Aspose.Cells.GridWeb alla pagina Web
Puoi semplicemente aggiungere il controllo Aspose.Cells.GridWeb (o GridWeb) a una pagina Web trascinandolo dalla toolbox.
Una volta aggiunto il controllo GridWeb alla pagina Web, si renderizzerebbe così:
Step 4: Change the <!DOCTYPE> tag
- Switch to source view and find the following <!DOCTYPE> tag in the source code:
ASP.NET
<!DOCTYPE html>
- Seleziona l’intero tag.
- 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">
Passaggio 5: Ridimensionamento del controllo Aspose.Cells.GridWeb
Puoi cambiare la larghezza e l’altezza del controllo GridWeb dopo averlo trascinato sul sito Web.
Nel design view, puoi ridimensionare la larghezza e l’altezza del GridWeb.
Passaggio 6: Configurazione delle proprietà di Aspose.Cells.GridWeb
Configura le proprietà di Aspose.Cells.GridWeb in WYSIWYG facendo clic sul pulsante Proprietà sul lato destro di Visual Studio 2013 IDE. Viene visualizzata una finestra di dialogo delle proprietà.
Il riquadro delle proprietà consente di configurare l’aspetto e alcune altre proprietà per controllare il comportamento di GridWeb.
Passaggio 7: Esecuzione del primo sito Web contenente Aspose.Cells.GridWeb
Compila ed esegui il sito Web.
- Esegui il sito Web direttamente da Visual Studio premendo Ctrl+F5 o facendo clic su Avvia debug.
Ora puoi iniziare a giocare con il controllo GridWeb.
Controllo GridWeb in azione
