In diesem Kapitel besprechen wir die grundlegenden Steuerelemente, die in ASP.NET verfügbar sind.
ASP.NET bietet drei verschiedene Arten von Schaltflächensteuerelementen:
Schaltfläche : Zeigt Text in einem rechteckigen Bereich an.
Link-Schaltfläche : Zeigt Text wie einen Hyperlink an.
Bildschaltfläche : Zeigt ein Bild an.
Wenn der Benutzer auf eine Schaltfläche klickt, werden zwei Ereignisse ausgelöst: Klicken und Befehl.
Grundlegende Syntax der Tastensteuerung:
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" / >Allgemeine Eigenschaften von Schaltflächensteuerelementen:
| Eigentum | beschreiben |
|---|---|
| Text | Der Text wird auf der Schaltfläche angezeigt. Steuerelemente nur für Schaltflächen und Linkschaltflächen. |
| ImageUrl | Nur für Bildschaltflächen-Steuerelemente. Dieses Bild soll die Schaltfläche zeigen. |
| Alternativtext | Nur für Bildschaltflächen-Steuerelemente. Wenn der Browser das Bild nicht anzeigen kann, wird der Ersatztext angezeigt. |
| UrsachenValidierung | Legt fest, ob eine Seitenvalidierung durchgeführt wird, wenn der Benutzer auf die Schaltfläche klickt. Der Standardwert ist „true“. |
| Befehlsname | Der Zeichenfolgenwert, der an das Befehlsereignis übergeben wird, wenn der Benutzer auf die Schaltfläche klickt. |
| CommandArgument | Der Zeichenfolgenwert, der an das Befehlsereignis übergeben wird, wenn der Benutzer auf die Schaltfläche klickt. |
| PostBackUrl | Die erforderliche Seitenadresse erscheint, wenn der Benutzer auf die Schaltfläche klickt. |
Das Textfeld-Steuerelement ist speziell für die Annahme von Benutzereingaben konzipiert. Ein Textfeld-Steuerelement kann basierend auf der Textmoduseigenschaft eine oder mehrere Texteingaben akzeptieren.
Beschriftungssteuerelemente bieten eine einfache Möglichkeit, Text von einer Seite zur nächsten anzuzeigen. Wenn Sie einen konstanten Text anzeigen möchten, können Sie Literaltext verwenden.
Grundlegende Syntax zur Textsteuerung:
<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>Allgemeine Eigenschaften für Textfelder und Beschriftungen:
| Eigentum | beschreiben |
|---|---|
| Textmodus | Geben Sie den Textfeldtyp an. Der einzeilige Modus erstellt Standardtext, der mehrzeilige Modus bietet die Möglichkeit, mehrere Texte zu akzeptieren, und Passwörter bewirken, dass die Zeichen zur Eingabe markiert werden. Standard ist Standardtext. |
| Text | Der Textinhalt des Textfelds. |
| MaxLength | Geben Sie den maximalen Textzeichenwert in das Textfeld ein. |
| Wickeln | Es bestimmt, ob Text in einem mehrzeiligen Textfeld automatisch umgebrochen wird; der Standardwert ist True. |
| Nur lesen | Legt fest, ob der Benutzer den Text im Feld ändern kann; der Standardwert ist „false“, was bedeutet, dass der Benutzer den Text ändern kann. |
| Spalten | Die Breite des Textfelds in Zeichen. Die tatsächliche Breite wird anhand der Schriftart bestimmt, die für die Texteingabe verwendet wird. |
| Reihen | Die Höhe des mehrzeiligen Textfelds. Der Standardwert ist 0, was einem einzeiligen Textfeld entspricht. |
Die am häufigsten verwendete Eigenschaft eines Etikettensteuerelements ist „Text“, die den auf dem Etikett angezeigten Text darstellt.
Ein Kontrollkästchen zeigt eine Option an, die der Benutzer aktivieren oder deaktivieren kann. Optionsfelder stellen eine Gruppe von Optionen dar, aus denen der Benutzer nur eine Option auswählen kann.
Wenn Sie eine Gruppe von Optionsfeldern erstellen, können Sie für die GroupName-Eigenschaft in jeder Optionsfeldgruppe denselben Namen angeben. Wenn mehr als eine Gruppe in einem einzigen Formular angezeigt werden muss, geben Sie für jede Gruppe einen anderen Gruppennamen an.
Wenn Sie möchten, dass ein Kontrollkästchen oder Optionsfeld so aktiviert wird, wie es ursprünglich angezeigt wird, setzen Sie die Eigenschaft „checked“ auf „true“. Wenn die Eigenschaft mehrerer Optionsfelder in einer Gruppe auf „true“ gesetzt ist, wird nur das letzte als „true“ betrachtet.
Grundlegende Syntax für Kontrollkästchen:
<asp:CheckBox ID= "chkoption" runat= "Server"> </asp:CheckBox>Grundlegende Syntax für Optionsfelder:
<asp:RadioButton ID= "rdboption" runat= "Server"> </asp: RadioButton>Allgemeine Eigenschaften für Kontrollkästchen und Optionsfelder:
| Eigentum | beschreiben |
|---|---|
| Text | Der Text, der neben einem Kontrollkästchen oder Optionsfeld angezeigt wird. |
| Geprüft | Geben Sie an, ob es ausgewählt ist. Die Standardeinstellung ist nicht ausgewählt. |
| Gruppenname | Der Name der Gruppe, zu der das Steuerelement gehört. |
ASP.NET bietet die folgenden Steuerelemente:
Dropdown-Liste,
Listenfeld,
Optionsfeldliste,
Kontrollkästchenliste,
Liste mit Aufzählungszeichen.
Mit diesen Steuerelementen können Benutzer aus einer Liste ein oder mehrere Elemente auswählen. Listenfelder und Dropdown-Listen enthalten ein oder mehrere Listenelemente. Diese Listen können über Code oder vom ListItemCollection-Editor geladen werden.
Grundlegende Syntax der Listbox-Steuerung:
<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ListBox1_SelectedIndexChanged"></asp:ListBox>Grundlegende Syntax der Dropdown-Listensteuerung:
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>Allgemeine Eigenschaften für Listenfelder und Dropdown-Listen:
| Eigentum | beschreiben |
|---|---|
| Artikel | Eine Auflistung von ListItem-Objekten, die die Elemente innerhalb des Steuerelements darstellen. Diese Eigenschaft gibt ein Objekt vom Typ ListItemCollection zurück. |
| Reihen | Gibt die Anzahl der Elemente an, die im Feld angezeigt werden sollen. Wenn die tatsächliche Liste mehr Zeilen enthält als die angezeigte Liste, werden Bildlaufleisten hinzugefügt. |
| AusgewählterIndex | Der Index des aktuell ausgewählten Elements. Wenn mehr als ein Element ausgewählt ist, wählt der erste Index das Element aus. Wenn kein Element ausgewählt ist, beträgt der Wert dieser Eigenschaft -1. |
| Ausgewählter Wert | Der Wert des aktuell ausgewählten Elements. Wenn mehr als ein Element ausgewählt ist, wird der Wert des ersten Elements ausgewählt. Wenn kein Element ausgewählt ist, ist der Wert dieser Eigenschaft eine leere Zeichenfolge (""). |
| Auswahlmodus | Gibt an, ob ein Listenfeld eine Einzelauswahl oder eine Mehrfachauswahl zulässt. |
Allgemeine Eigenschaften für jedes Listenelementobjekt:
| Eigentum | beschreiben |
|---|---|
| Text | Der für das Element angezeigte Text. |
| Ausgewählt | Gibt an, ob das Element ausgewählt ist. |
| Wert | Eine mit dem Projekt verknüpfte Zeichenfolge. |
Auf folgende Dinge sollte man sich konzentrieren:
Wenn Sie mit Elementen in einer Dropdown-Liste oder einem Listenfeld arbeiten möchten, müssen Sie die Item-Eigenschaft des Steuerelements verwenden. Diese Eigenschaft gibt ein ListItemCollection-Objekt zurück, das alle Elemente der Liste enthält.
Das SelectedIndexChanged-Ereignis wird ausgelöst, wenn der Benutzer ein anderes Element aus einer Dropdown-Liste oder einem Listenfeld auswählt.
Ein ListItemCollection-Objekt ist eine Sammlung von ListItem-Objekten. Jedes ListItem-Objekt stellt ein Element in der Liste dar. Elementnummern in einer ListItemCollection beginnen bei 0.
Wenn die beim Laden von Elementen in einem Listenfeld verwendete Zeichenfolge beispielsweise lstcolor.Items.Add („Blau“) lautet, sind die Eigenschaftseinstellungen des Texts und des Listenelementwerts die von Ihnen angegebenen Zeichenfolgenwerte. Um es anders einzurichten, müssen Sie ein Objekt des Listenelements erstellen und das Element dann zur Sammlung hinzufügen.
Der ListItemCollection-Editor wird zum Hinzufügen von Elementen zu einer Dropdown-Liste oder einem Listenfeld verwendet. Es wird verwendet, um eine statische Liste von Elementen zu erstellen. Um den Sammlungseditor anzuzeigen, wählen Sie im Menü „Smart Tag“ die Option „Element bearbeiten“ oder wählen Sie das Steuerelement aus und klicken Sie in den Elementeigenschaften im Eigenschaftenfenster auf die Schaltfläche mit den Auslassungspunkten.
Allgemeine Eigenschaften von ListItemCollection:
| Eigentum | beschreiben |
|---|---|
| Artikel (Ganzzahl) | Ein ListItem-Objekt, das das Element am angegebenen Index darstellt. |
| Zählen | Die Anzahl der Elemente in der Sammlung. |
Grundlegende Methoden von ListItemCollection:
| Verfahren | beschreiben |
|---|---|
| Add(string) | Fügt ein neues Element am Ende der Sammlung hinzu und weist der Texteigenschaft des Elements einen Zeichenfolgenparameter zu. |
| Add(ListItem) | Fügt am Ende der Sammlung ein neues Element hinzu. |
| Einfügen (Ganzzahl, Zeichenfolge) | Fügt ein Element an der angegebenen Indexposition in die Sammlung ein und weist der Texteigenschaft des Elements ein Zeichenfolgenargument zu. |
| Einfügen(Ganzzahl, ListItem) | Fügt ein Element am angegebenen Index in die Sammlung ein. |
| Remove(string) | Entfernt Elemente mit derselben Zeichenfolge wie der Textwert. |
| Remove(ListItem) | Entfernen Sie das angegebene Element. |
| RemoveAt(integer) | Entfernt das Element am angegebenen Index als Ganzzahl. |
| Klar | Entfernt alle Elemente aus der Sammlung. |
| FindByValue(string) | Gibt das gleiche Element wie den Zeichenfolgenwert zurück. |
| FindByValue(Text) | Gibt das gleiche Element wie das Zeichenfolgenliteral zurück. |
Eine Optionsfeldliste stellt eine Liste sich gegenseitig ausschließender Optionen dar. Eine Spalte mit einer Kontrollkästchenliste enthält eine Liste unabhängiger Optionen. Diese Steuerelemente enthalten eine Sammlung von ListItem-Objekten, auf die über die Item-Eigenschaft des Steuerelements verwiesen werden kann.
Grundlegende Syntax für die Optionsfeldliste:
<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"></asp:RadioButtonList>Grundlegende Syntax für die Kontrollkästchenliste:
<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged"></asp:CheckBoxList>Allgemeine Eigenschaften für Kontrollkästchen- und Optionsfeldlisten:
| Eigentum | beschreiben |
|---|---|
| Wiederholen Sie das Layout | Diese Eigenschaft gibt an, ob beim Rendern der formatierten Liste Tags oder ein einfacher HTML-Fluss verwendet werden. Der Standardwert ist Tabelle. |
| Wiederholungsrichtung | Es gibt die Richtung an, in der die Steuerung wiederholt werden kann. Verfügbare Werte sind horizontal und vertikal. Die Standardeinstellung ist vertikal. |
| Spalten wiederholen | Wenn das Steuerelement wiederholt wird, wird die Nummer der Spalte standardmäßig auf 0 festgelegt. |
Das Steuerelement „Liste mit Aufzählungszeichen“ erstellt eine Liste mit Aufzählungszeichen oder Nummern. Diese Steuerelemente enthalten eine Sammlung von ListItem-Objekten, auf die über die Item-Eigenschaft des Steuerelements verwiesen werden kann.
Grundlegende Syntax für Listen mit Aufzählungszeichen:
<asp:BulletedList ID="BulletedList1" runat="server"></asp:BulletedList>Gemeinsame Eigenschaften von Listen mit Aufzählungszeichen:
| Eigentum | beschreiben |
|---|---|
| BulletStyle | Diese Eigenschaft legt den Stil und das Erscheinungsbild von Artikelnummern oder Nummern fest. |
| Wiederholungsrichtung | Es gibt die Richtung an, in der die Steuerung wiederholt werden kann. Verfügbare Werte sind horizontal und vertikal. Die Standardeinstellung ist vertikal. |
| Spalten wiederholen | Wenn das Steuerelement wiederholt wird, wird die Nummer der Spalte standardmäßig auf 0 festgelegt. |
Hyperlink-Steuerelemente sind wie HTML <a> -Elemente.
Grundlegende Syntax der Hyperlink-Steuerung:
<asp:HyperLink ID="HyperLink1" runat="server"> HyperLink</asp:HyperLink>Es hat die folgenden Eigenschaften:
| Eigentum | beschreiben |
|---|---|
| ImageUrl | Der Pfad zu dem vom Steuerelement angezeigten Bild. |
| NavigateUrl | Ziellinkadresse. |
| Text | Der als Link angezeigte Text. |
| Ziel | Das Fenster oder der Frame, der die verlinkte Seite lädt. |
Wenn das Bild nicht angezeigt werden kann, zeigt die Bildsteuerung das Bild auf der Webseite oder einen alternativen Text an.
Grundlegende Syntax von Bildsteuerelementen:
<asp:Image ID="Image1" runat="server">Es hat die folgenden wichtigen Eigenschaften:
| Eigentum | beschreiben |
|---|---|
| Alternativtext | Alternativtext anzeigen, wenn das Bild nicht vorhanden ist. |
| ImageAlign | Steuerung der Ausrichtungsoptionen. |
| ImageUrl | Der Pfad zu dem vom Steuerelement angezeigten Bild. |