2017-10-08 8 views
-1

enter image description hereこれは、レール5

にSELECT2のルビーを動作しません。それはSELECT2は私に価値をもたらすような任意の値を、持っていない動作しません、私はプログラミングに新たなんだと私は多くのことを学びたい、感謝助けのための

application.css.scss

*= require toastr 
    *= require jquery-ui 
    *= require select2 
    *= require select2-bootstrap 
    *= require_tree . 
    *= require_self 
    */ 



    @import 'bootstrap-sprockets'; 
    @import 'bootstrap'; 
    @import 'bootstrap-datetimepicker'; 
    @import "select2"; 
    @import "select2-bootstrap"; 
    @import "font-awesome-sprockets"; 
    @import "font-awesome"; 

application.js

//= require jquery 
    //= require turbolinks 
    //= require jquery_ujs 
    //= require jquery-ui/widgets/autocomplete 
    //= require autocomplete-rails 
    //= require select2-full 
    //= require bootstrap-sprockets 
    //= require moment 
    //= require moment/es 
    //= require bootstrap-datetimepicker 
    //= require toastr 
    //= require pickers 
    //= require_tree . 




    $("#dropdown").select2({ 
     theme: "bootstrap" 
    }); 

meetings.js

**(指数電流)**

<input type="text" id="ajax-example" /> 

index.html.erb
$(document).ready(function() { 
    $('#ajax-example').select2({ 
     ajax: { 
     url: "/meetings.json", 
     dataType: "json", 
     results: function(data, page) { 
      return { 
      results: $.map(data, function(meeting, i) { 
       return { id: meeting.id, text: meeting.name } 
      }) 
      } 
     } 
     } 
    }); 
    }); 

meetings_controller.rb

def index 
    @meetings = Meeting.order('name').all 
end 

Gemfile

gem 'bootswatch-rails' 
gem 'simple_form' 
gem 'bootstrap-sass', '~> 3.3', '>= 3.3.7' 
gem 'jquery-rails' 
gem 'will_paginate', github: 'jonatack/will_paginate' 
gem 'ransack' 
gem 'will_paginate-bootstrap' 
gem "select2-rails" 

答えて

0
これにミーティングコントローラを変更

respond_to :html, :json 

def index 
    @meetings = Meeting.order('name').all 
    respond_with @meetings 
end 

何ことがないことは、コントローラがあなたの会合モデルのJSON配列で応答することができます。 select2プラグインは、選択メニューに表示されるデータを取得できるようにするためにこれを必要とします。

このトピックのチュートリアルは次のとおりです。http://blog.teamtreehouse.com/using-select2-with-ruby-on-rails-treehouse-quick-tip

関連する問題