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.
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.
Klicken Sie auf das Symbol links neben der Schaltfläche Senden. Es sieht folgendermaßen aus:
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
Die Meldung "Datei auswählen" wird angezeigt. Um diese Anzeige auszuschalten, müssen Sie Folgendes in CSS schreiben.
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