2

我正在尝试在我的 Rails 应用程序中创建一些页面，使用我从一些 Railscasts 中学到的点点滴滴。我的环境如下：

导轨 3.2.13

红宝石 1.9.3p448

使用选择的宝石

数据库 SQLite

当我想创建一个新的配置文件时，我会访问 localhost:3000/profiles/new。我的个人资料有一个名为名称的文本框。接下来我有一个下拉菜单，用户可以在其中选择配置文件类型 - 管理员、编辑器或用户。选择一个选项后，另一个下拉列表将变为可见 - 特征。然后，用户可以选择 1 个或多个特征。

对于每种配置文件类型（管理员、编辑者、用户），都有不同的特征。因此，Traits 模型具有字段 name 和 trait_type，其中 trait_type 的值可以是 Admin、Editor 或 User。

我在对视图进行编码时遇到问题，假设我应该在那里编码，但也许我应该在控制器中，如果我选择管理员的配置文件类型，则让特征下拉列表仅显示管理员特征。

有人可以给我一个积极的方向吗？请记住，我是新手。希望我提供足够的信息，而不是太多的信息。

注意：我的profiles.js.coffee 文件中的console.log 条目是临时的，这样我就可以看到发生了什么。

谢谢，

霍基

-------------------------------------------------
/app/assets/javascripts/application.js
-------------------------------------------------
    //= require jquery
    //= require jquery_ujs
    //= require chosen-jquery
    //= require_tree .
-------------------------------------------------


-------------------------------------------------
/app/assets/javascripts/profiles.js.coffee
-------------------------------------------------
jQuery ->
  $('#profile_trait_ids').chosen()

jQuery ->
  $('#profile_trait_ids').parent().hide()
  prof_types = $('#profile_prof_type').html()
  console.log(prof_types)
  $('#profile_prof_type').change ->
    prof_type = $('#profile_prof_type :selected').text()
    console.log(prof_type)
    $('#profile_trait_ids').parent().show()
-------------------------------------------------  


-------------------------------------------------
/app/assets/stylesheets/application.css
-------------------------------------------------
*= require_self
 *= require chosen
 *= require_tree .
 */
-------------------------------------------------


-------------------------------------------------
/app/models/profile.rb
-------------------------------------------------
class Profile < ActiveRecord::Base
  attr_accessible :active, :name, :prof_type, :trait_ids

  has_many :traitships
  has_many :traits, through: :traitships

  PROFILE_TYPES = ["Admin", "Editor", "User"]

end
-------------------------------------------------


-------------------------------------------------
/app/models/trait.rb
-------------------------------------------------
class Trait < ActiveRecord::Base
  attr_accessible :active, :name, :trait_type

  has_many :traitships
  has_many :profiles, through: :traitships
end
-------------------------------------------------


-------------------------------------------------
/app/models/traitship
-------------------------------------------------
class Traitship < ActiveRecord::Base
  #attr_accessible :profile_id, :traid_id

  belongs_to :profile
  belongs_to :trait
end
-------------------------------------------------


-------------------------------------------------
/app/views/_form.html.erb
-------------------------------------------------
<%= form_for(@profile) do |f| %>
  <% if @profile.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@profile.errors.count, "error") %> prohibited this profile from being saved:</h2>

      <ul>
      <% @profile.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

  <div class="field">
    <%= f.label :name %><br />
    <%= f.text_field :name %>
  </div>
  <div class="field">
    <%= f.label :prof_type, 'Profile Type' %><br />
    <%= f.select :prof_type, Profile::PROFILE_TYPES, prompt: 'Select a type' %>
  </div>
  <div class="field">
    <%= f.label :trait_ids, "Traits" %><br />
    <%= f.collection_select :trait_ids, Trait.order(:name), :id, :name, {}, { multiple: true } %>
  </div>
  <div class="field">
    <%= f.label :active %><br />
    <%= f.check_box :active %>
  </div>
  <div class="actions">
    <%= f.submit 'Update' %>
  </div>
<% end %>
-------------------------------------------------

更新的控制器：（traits_controller）

# GET /traits/:trait_type/trait_options
  # GET /traits/:trait_type/trait_options.json
  def trait_options
    @traits = Trait.order(:name).where("trait_type like ?", params[:trait_type])

    respond_to do |format|
      format.html # trait_options.html.erb
      format.json { render json: @traits }
    end
  end
4

1 回答 1

0

第1部分

您应该向您的控制器 (traits_controller) 添加一个新操作，该操作将一个参数作为输入 并以json/xml的形式profile_type返回所有参数。traitsprofile_type

第2部分

一旦你准备好了，你应该在你的下拉on_change事件中通过 ajax 调用这个动作。profile_type使用收到的数据来构建新的traits下拉菜单。

chosen等select2，一旦你的第 1 部分准备好，这应该很容易完成。

更新

我从来没有用过chosen自己。但是看看它的文档，这样的东西可能对你有用

$('#profile_type').on('change', function() {
    $("#traits").chosen().change( … );
    $("#traits").trigger("chosen:updated");
});

这个Railscast（第 258 集）演示了如何chosen select使用 json 数据填充a

如果有可能放弃chosen，select2我强烈建议你这样做。

于 2013-09-24T11:12:12.180 回答