[RUBY] [Verwendung des Etiketts]

Wir werden eine Methode zum Implementieren der Funktion zum Anzeigen eines Symbols in der Ansicht und zum Klicken auf das Symbol ausgeben, um den Dateiauswahlbildschirm anzuzeigen. Dieses Mal verwenden wir die Haml-Notation.

icon_label.png

Geben Sie den Namen label.class als übergeordnetes Element an, wie in der Abbildung oben gezeigt. Verschachteln Sie das Symbol, das Sie anzeigen möchten, mit dem übergeordneten Element.

Diesmal dieses Symbol Ich möchte eine Funktion hinzufügen, die beim Klicken auf den Dateiauswahlbildschirm angezeigt wird Eingabe schreiben. Klassenname {Typ: "Datei"} unter Symbol.

Diese Eingabe {Typ: "Datei"} ist der Beschreibungsteil der Funktion, die auf dem Dateiauswahlbildschirm angezeigt wird.

Auf diese Weise können Sie den Dateiauswahlbildschirm anzeigen, wenn Sie auf das Symbol im Verschachtelungsfluss für Beschriftung klicken → das Symbol anzeigen, das Sie anzeigen möchten → die Funktion beschreiben, die Sie für das Symbol implementieren möchten.

label.png

Klicken Sie auf das Symbol links neben der Schaltfläche Senden. Es sieht folgendermaßen aus:

label1.png

Der Dateiauswahlbildschirm wurde angezeigt.

Als zusätzliche Anmerkung ist die Eingabe {Typ: "Datei"} eine Beschreibung für das Anzeigen des Dateiauswahlbildschirms. Sie sieht jedoch wie folgt aus

label4.png

Die Meldung "Datei auswählen" wird angezeigt. Um diese Anzeige auszuschalten, müssen Sie Folgendes in CSS schreiben.

label5.png

Versteckt ist der Klassenname für die Eingabe {Typ: "Datei"}. Sie können die Auswahl der Dateien ausblenden, indem Sie die Anzeige einstellen: keine;

das ist alles.

Recommended Posts

[Verwendung des Etiketts]
Verwendung von Map
Wie benutzt man rbenv?
Verwendung mit_option
Verwendung von fields_for
Verwendung von java.util.logging
Verwendung der Karte
Verwendung von collection_select
Wie benutzt man Twitter4J
Verwendung von MapStruct
Verwendung von TreeSet
Wie man Identität benutzt
Wie man Hash benutzt
Verwendung von Dozer.mapper
Wie benutzt man Gradle?
Verwendung von org.immutables
Verwendung von java.util.stream.Collector
Verwendung von VisualVM
Verwendung von Map
Verwendung der Ketten-API
[Java] Verwendung von Map
Verwendung der Warteschlange mit Priorität
[Rails] Verwendung von Enum
Verwendung von Java Optional
Verwendung von Ruby return
[Rails] Verwendung von Enum
Verwendung von @Builder (Lombok)
Verwendung der Java-Klasse
[Java] Verwendung von removeAll ()
Verwendung von Rails Join
Ruby: Wie man Cookies benutzt
Verwendung von abhängigen :: zerstören
Verwendung von Eclipse Debug_Shell
Verwendung von Apache POI
[Rails] Verwendung der Validierung
Verwendung von Java-Variablen
[Rails] So verwenden Sie authenticate_user!
Verwendung von GC Viewer
Wie man Lombok jetzt benutzt
[Erstellen] Verwendung von JUnit
[Schienen] Verwendung von Scope
Verwendung der link_to-Methode
[Rails] Wie man Edelstein "devise" benutzt
Wie man Lombok im Frühling benutzt
Verwendung von StringBurrer und Arrays.toString.
Verwendung des Arrays (persönliches Memorandum)
Verwendung von HttpClient (Get) von Java
Verwendung des Bereichs (JSP & Servlet)
Verwendung der include? -Methode
[Schienen] Verwendung von Geräten (Hinweis)
Verwendung der Methode form_with
[Rails] Verwendung von Flash-Nachrichten