궤도 6, 자극과 선택 2

이것은 빠른 도구일 뿐입니다. Rails 6 또는 Stimulus-enabled Rails 프로젝트와 Select2 를 사용하는 모든 사람을 도울 수 있습니다. 이것은 좋은 jQuery 플러그인입니다. 더 좋은 선택 상자에 사용할 수 있습니다.

웹 패키지에 select2와 select2 가이드 테마 패키지 추가

yarn add select2
yarn add select2-bootstrap-theme

단순 선택 2 + 자극 컨트롤러
2 컨트롤러를 선택합니다.js

import { Controller } from "stimulus"
import $ from 'jquery';

require("select2/dist/css/select2")
require("select2-bootstrap-theme/dist/select2-bootstrap")

import Select2 from "select2"

export default class extends Controller {
  connect() {
    $('.content-search').select2();
  }
}

f.select2규범에 따라 하단 목록 선택

<div class="form-group" data-controller='select2'>
  <%= f.select :user_id, User.all.map { |user| user.name }, {include_blank: false, required: true, include_hidden: false}, class: 'form-control content-search' %>
</div>

나는 이것이 다른 사람을 도울 수 있기를 바란다.감사합니다.
나는 이 방면에 관한 생각이나 평론을 매우 듣고 싶다.언제든지 이메일[email protected]을 보내거나 트위터에 연락 주세요.