Telefon (DisplayTemplate)

Konfigurationen des TelefonDisplay-DisplayTemplates. Es stellt eine Telefonnummer schreibgeschützt als tel:-Link mit Icon dar (Einbindung über @Html.DisplayFor(...) mit [UIHint("TelefonDisplay")]). Ohne Wert erscheint «Unbekannt».

Telefon nur Daten

Nur-Wert-Modus ohne Label über ViewData NurDaten = true.

@model DisplayTelefonBeispielViewModel

@Html.DisplayFor(m => m.Telefon, new { NurDaten = true })

using System.ComponentModel.DataAnnotations;

namespace FMH.Komponente.WebUI.Areas.Basis.Models
{
    public class DisplayTelefonBeispielViewModel
    {
        [Display(Name = "Telefon")]
        [UIHint("TelefonDisplay")]
        public string Telefon { get; set; } = "+41 44 123 45 67";
    }
}

Darstellung

Über die zusätzliche ViewData NurDaten = true wird nur der Wert (der tel:-Link mit Icon) ohne Label gerendert.

@Html.DisplayFor(m => m.Telefon, new { NurDaten = true })

Telefon ohne Wert

Ohne Wert erscheint der lokalisierte Text «Unbekannt».

@model DisplayTelefonLeerBeispielViewModel

@Html.DisplayFor(m => m.Telefon)

using System.ComponentModel.DataAnnotations;

namespace FMH.Komponente.WebUI.Areas.Basis.Models
{
    public class DisplayTelefonLeerBeispielViewModel
    {
        [Display(Name = "Telefon")]
        [UIHint("TelefonDisplay")]
        public string Telefon { get; set; }
    }
}

Darstellung

Ist kein Wert vorhanden (null oder leer), zeigt das Template den lokalisierten Text «Unbekannt» statt einer leeren Nummer.

[Display(Name = "Telefon")]
[UIHint("TelefonDisplay")]
public string Telefon { get; set; } // ohne Wert

Telefon (Standard)

Schreibgeschützte Telefonnummer als tel:-Link mit Label und Icon.

@model DisplayTelefonBeispielViewModel

@Html.DisplayFor(m => m.Telefon)

using System.ComponentModel.DataAnnotations;

namespace FMH.Komponente.WebUI.Areas.Basis.Models
{
    public class DisplayTelefonBeispielViewModel
    {
        [Display(Name = "Telefon")]
        [UIHint("TelefonDisplay")]
        public string Telefon { get; set; } = "+41 44 123 45 67";
    }
}

Darstellung

Das TelefonDisplay-DisplayTemplate stellt eine Telefonnummer schreibgeschützt als tel:-Link mit Telefon-Icon dar. Für den tel:-Link werden Leerzeichen und Backslashes aus der Nummer entfernt; die Anzeige bleibt die Originalnummer.

[Display(Name = "Telefon")]
[UIHint("TelefonDisplay")]
public string Telefon { get; set; }

Weitere Konfigurationen

Konfiguration Wirkung
[Display(Name = "…")] Label des Schlüssel/Wert-Paars
[DisplayAlignment(Alignment.Horizontal)] Label und Wert nebeneinander
[HelpText(Name = "…")] Info-Icon mit Tooltip neben dem Label
@Html.DisplayFor(m => m.Telefon, new { NurDaten = true }) «Nur-Wert»-Modus ohne Label — siehe Beispiel «Nur Daten»