ActiveAdmin扩展:级联选择
1、在active_admin.js的同级目录下新建一个common.js文件,
然后在active_admin.js中加入
//= require common
(若新建的文件与active_admin.js不在同级目录下,则require后面的文件路径需相应修改)
2、common.js中相关代码如下:
此处的article_title为form表单自动生成,格式为“[模型]_[字段]”,根据实际情况作相应修改。
$(function() {
$('#article_title').change(function() {
$.ajax({
url: '/admin/articles/get_secondary_subject_by_subject',
type: 'POST',
data: {
subject_id: $(this).val()
},
dataType:'json',
headers: {
'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
},
success: function(data) {
$('#article_content').html("");
var str = '';
for (var i = 0; i < data.length; ++i) {
str += '<option value="' + data[i].id + '">' + data[i].name + '</option>';
};
$('#article_content').append(str);
},
error: function() {
}
});
});
});
3、rb文件中相关代码如下:
collection_action :get_secondary_subject_by_subject, :method => :post do
@subject_id = params[:subject_id]
@secondary_subjects = Subject.where("parent_subject_id = ?", @subject_id)
render :json => @secondary_subjects.to_json(:only => [:id, :name]) and return
end
controller do
def new
@article = Article.new
@subjects = Subject.order("id asc").where("parent_subject_id is null")
@secondary_subjects = Subject.order("id asc").where("parent_subject_id = ?", @subjects.first.id)
end
def edit
@subjects = Subject.order("id asc").where("parent_subject_id is null")
@secondary_subjects = Subject.order("id asc").where("parent_subject_id = ?", @subjects.first.id)
end
end
f.input :title, :as => :select, :collection => subjects, :include_blank => false
f.input :content, :as => :select, :collection => secondary_subjects, :include_blank => false
以上内容由Bruce.Xue整理。