jQuery Mobile - Widgets
Ein Widget ist ein kleines Gadget oder Steuerelement Ihrer mobilen jQuery-Anwendung. Widgets können sehr praktisch sein, da Sie damit Ihre Lieblingsanwendungen auf Ihrem Startbildschirm platzieren können, um schnell darauf zugreifen zu können.
Die folgende Tabelle zeigt die Widget-Typen im Detail.
Sr.Nr. | Typ & Beschreibung |
---|---|
1 | Tasten Es gibt eine anklickbare Schaltfläche an, die Inhalte wie Text oder Bilder enthält. |
2 | Kontrollkästchen Kontrollkästchen werden verwendet, wenn mehr als eine Option ausgewählt werden muss. |
3 | Radiobox Optionsfelder werden verwendet, wenn aus vielen Optionen nur eine Option ausgewählt werden muss. |
4 | Datumsauswahl Es konzentriert sich auf die Eingabe, um einen interaktiven Kalender in einer kleinen Überlagerung zu öffnen. |
5 | Zusammenklappbar Mit Collapsible können Sie den Inhalt erweitern oder reduzieren, wenn Sie darauf klicken. Es ist sehr hilfreich für mobile Geräte, die einen kurzen Inhalt präsentieren. |
6 | Kontrollgruppe Kontrollgruppen bieten eine Reihe von Schaltflächen, mit denen Sie einen einzelnen Block angeben können, der wie eine Navigationskomponente aussieht. |
7 | Filterbar Mit dem Attribut data-filter = "true" können Sie die untergeordneten Elemente eines beliebigen Elements filtern. |
8 | Kippschalter Mit dem Flip-Schalter können Sie den Schalter aus- / einschalten oder wahr / falsch einstellen, indem Sie darauf klicken, um eine Eingabe im Booleschen Stil zu erhalten. |
9 | Listenansicht Der Zweck der Listview-Komponente besteht darin, komplexe und benutzerdefinierte Inhalte in Listen zu rendern. |
10 | Lader Das jQuery Mobile bietet verschiedene Möglichkeiten zum Laden von Status in ein Element. |
11 | Navbar Das Navigationsleisten-Widget besteht aus einer Reihe von Schaltflächen, die Sie mit anderen Webseiten oder Abschnitten verknüpfen. |
12 | Panels In Bedienfeldern werden die DOM-Komponenten in der Box angezeigt. |
13 | Popups Popup ist eine Benutzeroberfläche, die in einem kleinen Fenster angezeigt wird, um Text, Bilder und andere Inhalte anzuzeigen. |
14 | Rangeslider Das Rangeslider-Widget bietet Ihnen zwei Ziehpunkte, mit denen Sie einen numerischen Wertebereich auswählen können. |
15 | Auswahlmenü Ein Auswahlmenü bietet verschiedene Optionen in Form einer Dropdown-Liste, aus der ein Benutzer eine oder mehrere Optionen auswählen kann. |
16 | Schieberegler Mit dem Schieberegler können Sie einen Wert auswählen, indem Sie den Griff des Schiebereglers verschieben. |
17 | Tabelle jQuery Mobile verwendet die Tabelle, um die Daten in Zeilen und Spalten darzustellen, dh zeigt die Daten in einem Tabellenformat an. |
18 | Tabs Das Registerkarten-Widget ist die Erweiterung des jQuery ui-Registerkarten-Widgets, die alle Methoden und Optionen akzeptiert. |
19 | Text Eingabe Das <input> -Tag wird verwendet, um ein Eingabeelement zu deklarieren, ein Steuerelement, mit dem der Benutzer Daten eingeben kann. |
20 | Symbolleiste Mit dem Widget für die mobile Symbolleiste von jQuery können Sie Kopf- und Fußzeilen erstellen. |