2017-10-08 5 views
-1

enter image description hereIl ne fonctionne pas rubis select2 sur des rails 5

Il ne fonctionne pas select2 ne me comporte pas de valeur, comme apporter de la valeur, je suis nouveau à la programmation et je veux apprendre beaucoup, merci pour l'aide

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

$(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 } 
      }) 
      } 
     } 
     } 
    }); 
    }); 

index.html.erb

** (courant d'index) **

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

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" 

Répondre

0

Changer votre contrôleur de réunions à ceci:

respond_to :html, :json 

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

Qu'est-ce qui fait est le contrôleur permet de répondre avec un tableau JSON de vous modèles de réunions. Le plugin select2 a besoin de ceci pour être capable de récupérer les données qu'il va afficher dans le menu de sélection.

Voici un tutoriel sur ce sujet: http://blog.teamtreehouse.com/using-select2-with-ruby-on-rails-treehouse-quick-tip