Condividi tramite

Controllo Menu

  • Articolo

Il controllo Menu consente di sviluppare menu visualizzati in modo statico e dinamico per le pagine Web ASP.NET. È possibile configurare i contenuti del controllo Menu direttamente all'interno del controllo stesso, oppure è possibile specificare questi contenuti associando il controllo a un'origine dati.

Per aggiungere un controllo Menu in una pagina

  • Trascinare il controllo Menu dal pannello Casella degli strumenti nella pagina.

Definire il contenuto del controllo Menu

È possibile definire il contenuto per il controllo Menu in due modi, ovvero aggiungendo le singole voci in modo interattivo (a livello di codice) oppure associando i dati del controllo all'origine dati XML o della mappa del sito.

Per definire le voci per il controllo Menu

  1. Nella visualizzazione Progettazione, fare clic con il pulsante destro del mouse sul controllo Menu, quindi scegliere Mostra attività controlli comuni.

  2. Scegliere Modifica voci di menu dal menu Attività comuni di DropDownList.

  3. Nella finestra di dialogo Editor delle voci di menu fare clic su Aggiungi elemento principaleCc295472.ceca6b3c-d5cc-48da-9bd7-fffcc486d45d(it-it,Expression.40).jpg per aggiungere una voce.

  4. Nell'area Proprietà impostare le proprietà Text e href e tutte le altre proprietà che si desidera impostare per la voce di menu.

  5. Aggiungere altri elementi radice oppure elementi figlio all'elemento selezionato facendo clic su Aggiungi elemento figlioCc295472.b6fcf26e-e12d-4faa-ad58-a448cb5d25b0(it-it,Expression.40).jpg.

  6. Dopo aver aggiunto varie voci di menu, è possibile modificarne l'ordine e il rientro selezionando una voce e facendo clic su Sposta un elemento verso l'alto tra gli elementi di pari livelloCc295472.21730f68-38b2-45cd-980f-5a48feb6987d(it-it,Expression.40).jpg, Sposta un elemento verso il basso tra gli elementi di pari livelloCc295472.4cfe2717-2851-4922-bb52-9c38fdda20c4(it-it,Expression.40).jpg, Imposta l'elemento selezionato come elemento di pari livello del proprio elemento padreCc295472.b89d598e-1bab-4ec7-a256-e769699de3e6(it-it,Expression.40).jpg, Imposta l'elemento selezionato come figlio dell'elemento di pari livello precedenteCc295472.5d22e6e0-3cd4-4f0a-bc7d-69cd895fff90(it-it,Expression.40).jpg oppure Rimuovi elementoCc295472.27e0c529-accb-4203-a5de-1deb9142cea6(it-it,Expression.40).jpg.

L'associazione a un file XML consente di gestire il contenuto del menu apportando modifiche al file, anziché utilizzando la finestra di progettazione. In questo modo è possibile aggiornare le impostazioni di spostamento all'interno del sito senza rivedere il controllo Menu o modificare il codice. Se il contenuto del sito cambia, è possibile utilizzare un file XML per organizzarlo e inserirlo nel controllo Menu, in modo da garantire che il contenuto sia accessibile a tutti gli utenti del sito.

Per associare il controllo Menu a un'origine dati

  1. Nella visualizzazione Progettazione, fare clic con il pulsante destro del mouse sul controllo Menu, quindi scegliere Mostra attività controlli comuni.

  2. Nella casella di riepilogo Scegli origine dati del menu Attività comuni di DropDownList selezionare <Nuova origine dati>.

    [!NOTA]

    È possibile modificare le origini dati esistenti nel pannello Raccolta origini dati.

  3. Se si sceglie <Nuova origine dati>, verrà visualizzata la Configurazione guidata origine dati. Fare clic su SiteMap o File XML nella casella Specificare l'origine dei dati utilizzati dall'applicazione e quindi specificare l'ID dell'origine dati nella casella Specificare l'ID dell'origine dati.

  4. Se si sceglie File XML, nella finestra di dialogo Configura origine dati specificare il file XML nella casella File di dati ed eventualmente un file di trasformazione XSL o un espressione XPath per l'origine dati XML.

  5. Fare clic su OK nella finestra di dialogo e nella procedura guidata per tornare al controllo nella visualizzazione Progettazione.

  6. Fare clic con il pulsante destro del mouse sul controllo, quindi scegliere Modifica Databindings MenuItem dal menu di scelta rapida.

  7. Nell'elenco Associazioni dati disponibili selezionare il campo XML a cui si desidera associare il menu e fare clic su Aggiungi.

  8. Selezionare il campo nell'elenco Associazioni dati selezionate e impostare i valori della proprietà nell'area Proprietà associazione dati. Per specificare il testo visualizzato nel menu, ad esempio, scegliere #InnerText nella casella di riepilogo a discesa della proprietà TextField per visualizzare il testo tra i tag di inizio e di fine dell'elemento XML.

  9. Per ulteriori informazioni sull'associazione a un'origine dati XML e sulla programmazione del controllo Menu, vedere Classe Menu Cc295472.xtlink_newWindow(it-it,Expression.40).png in MSDN Library.

Aspetto e comportamento

È possibile regolare il comportamento del controllo Menu mediante le sue proprietà. È inoltre possibile regolare il comportamento della visualizzazione dinamica, inclusa la durata della visualizzazione di un nodo menu. Ad esempio, per modificare l'orientamento del menu da orizzontale a verticale, è possibile impostare la proprietà Orientamento su Verticale.

Per applicare gli schemi di formattazione di base al controllo Menu

  1. Nella visualizzazione Progettazione, fare clic con il pulsante destro del mouse sul controllo Menu, quindi scegliere Mostra attività controlli comuni.

  2. Scegliere Formattazione automatica dal menu Attività comuni di Menu.

  3. Nella finestra di dialogo Formattazione automatica selezionare uno degli schemi disponibili nell'elenco Selezionare uno schema. L'effetto dello schema sul controllo Menu viene visualizzato nell'area Anteprima.

  4. Fare clic su OK per applicare lo schema di formattazione e chiudere la finestra di dialogo oppure fare clic su Applica per applicare lo schema di formattazione senza chiudere la finestra di dialogo.

Il controllo Menu è costituito da varie aree modello che possono essere progettate in modo interattivo.

Per progettare un modello in modo interattivo

  1. Nella visualizzazione Progettazione, fare clic con il pulsante destro del mouse sul controllo Menu, quindi scegliere Mostra attività controlli comuni.

  2. Scegliere Modifica modelli dal menu Attività per Menu. Per il controllo Menu verrà attivata la modalità di modifica dei modelli.

  3. Nella casella di riepilogo a discesa Visualizza selezionare il modello che si desidera modificare.

  4. Aggiungere testo o controlli o apportare modifiche al modello.

  5. Dopo aver progettato i modelli, scegliere Termina modifica modelli dal menu Attività comuni di Menu per tornare alla modalità di progettazione standard di Menu.

Come per tutti i controlli ASP.NET, è possibile specificare l'aspetto e il comportamento impostando le proprietà nel pannello Proprietà tag. Per una descrizione completa di tutte le proprietà del controllo Menu, vedere Membri Menu Cc295472.xtlink_newWindow(it-it,Expression.40).png in MSDN Library.

Visualizzazione statica e visualizzazione dinamica

Il controllo Menu dispone di due modalità di visualizzazione, ovvero statica e dinamica. Nella visualizzazione statica, il controllo Menu è sempre espanso in tutte le sue parti. L'intera struttura è visibile e l'utente può fare clic su ogni sua parte. In un menu in visualizzazione dinamica solo le parti specificate dall'utente sono statiche, mentre le voci di menu figlio vengono visualizzate quando si posiziona il puntatore del mouse sul nodo padre.

È possibile specificare se si desidera che il controllo Menu venga visualizzato come menu dinamico o statico nella visualizzazione Progettazione.

Per progettare menu statici o dinamici

  1. Nella visualizzazione Progettazione, fare clic con il pulsante destro del mouse sul controllo Menu, quindi scegliere Mostra attività controlli comuni.

  2. Nel menu Attività comuni di Menu scegliere Dinamica o Statica nella casella di riepilogo Visualizzazioni. Il modello cambia in base alla visualizzazione scelta.

    • Comportamento della visualizzazione statica

      È possibile impostare il comportamento della visualizzazione statica utilizzando la proprietà StaticDisplayLevels del controllo Menu. La proprietà StaticDisplayLevels indica quanti livelli devono essere visualizzati in modo statico dalla radice del menu. Se ad esempio la proprietà StaticDisplayLevels è impostata su 3, il menu si espanderà per visualizzare in modo statico i primi tre livelli. Il livello minimo di visualizzazione statica è 1. Se il valore è impostato su 0 o su un numero negativo, il controllo genererà un'eccezione.

    • Comportamento della visualizzazione dinamica

      La proprietà MaximumDynamicDisplayLevels indica il numero di livelli di nodi menu che devono essere visualizzati in modo dinamico a partire dal livello di visualizzazione statica. Se ad esempio il menu ha un livello statico 3 e un livello dinamico 2, i primi tre livelli del menu verranno visualizzati in modo statico, mentre i due successivi verranno visualizzati in modo dinamico.

      Se il valore di MaximumDynamicDisplayLevels è impostato su 0, nessun nodo del menu verrà visualizzato in modo dinamico. Se il valore di MaximumDynamicDisplayLevels è impostato su un numero negativo, verrà generata un'eccezione.

      Un aspetto del menu dinamico è la durata della visualizzazione della parte dinamica del menu prima che venga nascosta. Questo valore può essere configurato in millisecondi modificando la proprietà DisappearAfter e impostandola ad esempio su 1000 per specificare un secondo.

      Il valore predefinito è 500 millisecondi, ovvero mezzo secondo. Se il valore di DisappearAfter è impostato su 0, appena l'utente si sposta all'esterno del controllo Menu questo verrà immediatamente nascosto. Se il valore è impostato su -1, il tempo di visualizzazione è illimitato. La porzione dinamica verrà nascosta solo facendo clic al di fuori del controllo Menu.

Vedere anche

Concetti

Controlli di spostamento ASP.NET
Controllo SiteMapPath
Controllo TreeView