Getting2 mit Active Admin arbeiten

Ich arbeite mit einer App mit Active Admin und musste mehrere Werte aus einer ausgewählten Eingabe auswählen, ich habe die Select2 Gem hinzugefügt, die alle relevanten JS und CSS ohne Probleme aber für Aus irgendeinem Grund scheinen die Auswahlkästchen ihr Aussehen leicht zu verändern, aber nicht bis zum vollen Select2-Aussehen. Bei der Inspektion sieht das JS nicht so aus, als ob es alle korrekten Klassen hinzugefügt hätte ... irgendwelche Ideen?Getting2 mit Active Admin arbeiten

Hier ist mein Code:

active_admin.css.scss

//= require select2 
@import "active_admin/mixins"; 
@import "active_admin/base";

//= require select2 
//= require active_admin/base 
$(".select2able").select2({ 
placeholder: "Select a Partner" 
});

activeadmin Form

f.input :sponsors, as: :select, collection: Sponsor.all, input_html: {class: 'select2able'}

Quelle

2013-05-30 Dan Mitchell

-4

Problem gelöst, Verwendung gewählt js active_admin.js statt se lect2, funktioniert genauso gut wie select2, aber ohne die Probleme in Active Admin.

https://github.com/gregbell/active_admin/issues/2267#issuecomment-19197807

Quelle

2013-06-10 20:40:23

Was ist mit Ajax und Autovervollständigung? – ciembor

Soweit ich sehen kann, hat gewählt Autovervollständigung, aber fehlt die Optionalität davon (Fähigkeit zur Eingabe von Werten, die noch nicht existieren), die Sie wahrscheinlich mit einer Tag-Liste wollen. Select2 behauptet das als Feature direkt im Vordergrund. – hoff2

@DanMitchell Danke für den Tipp über Wahl als Alternative zu Select2. – scarver2

Dies wird durch aktive Admin Entscheidung verursacht seine CSS-Stile innerhalb .active_admin Wähler zu wickeln. Daher werden die meisten CSS-Stile von Drittanbietern weniger spezifisch und ihr Erscheinungsbild wird beeinträchtigt.

Für select2 und alle Edelsteine, deren CSS-Dateien sind im Inneren „Sheets“ Ordner, fügen Sie die folgenden Zeilen am Ende der active_admin.css.scss:

body.active_admin { 
    @import "select2"; 
}

Dadurch werden alle select2 Styles body.active_admin Wähler geben, so dass sie mehr Spezifischer als die Stile von Active Admin.

Quelle

2013-07-13 22:15:00

Antwort

Verwandte Themen