Chọn select2 để làm việc với quản trị viên đang hoạt động

Question

Tôi đang làm việc với ứng dụng có Quản trị viên đang hoạt động và cần chọn nhiều giá trị từ đầu vào đã chọn, tôi đã thêm đá quý Select2 bổ sung tất cả JS và CSS có liên quan mà không có vấn đề gì một số lý do các hộp chọn dường như thay đổi ngoại hình của chúng một chút nhưng không xuất hiện trong Select2 ful, khi kiểm tra JS không giống như nó được thêm vào tất cả các lớp đúng ...... bất kỳ ý tưởng nào?

Đây là mã của tôi:

active_admin.css.scss

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

active_admin.js

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

dạng activeadmin

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

Answer 1

Vấn đề được giải quyết, sử dụng lựa chọn js thay vì se lect2, hoạt động bình đẳng cũng như select2 nhưng không có vấn đề trong admin hoạt động.

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

Answer 2

này là do quyết định tích cực của Admin để quấn kiểu CSS của nó bên trong selector .active_admin. Kết quả là, hầu hết các phong cách CSS của đá quý bên thứ ba trở nên ít cụ thể hơn và hình dạng của chúng trở nên bị hỏng.

Đối Select2, và tất cả các đá quý mà CSS file là bên trong "stylesheets" thư mục, thêm dòng sau vào dưới cùng của active_admin.css.scss:

body.active_admin { 
    @import "select2"; 
} 

này sẽ cung cấp cho tất cả các phong cách Select2 của body.active_admin chọn, làm cho chúng hơn cụ thể hơn kiểu của Quản trị viên đang hoạt động.