它不工作,在轨道上5
问题描述:
它不工作,选择2不给我任何价值,像带来的价值,我是新来的编程选择2红宝石,我想学到很多东西,谢谢为帮助
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
**(指数电流)**
<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"
答
您的会议控制器改成这样:
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