在选择选项的标签中显示父级

Question

我有一个选择框

<%=simple_form_for order_item do |oi|%>
  <%= order_item.association :category, label: false, collection: current_company.categories, placeholder: 'Category', input_html: { class: 'form-control form-control-sm drop_down_input order_item_category} %>
<%end%>

并且这个选择框绑定了select2

目前，当我搜索任何内容时，会显示如下结果：-

但我想要显示搜索结果和显示项目父级的标签（注意：- 类别有一个父级。一个类别有很多子级）

但是我尝试使用option_groups，但问题是我无法选择 option_group（它是父级），但我想选择所有类别。

类别模型

belongs_to :parent, class: 'category', foreign_key: 'parent_id'
has_many :children, class: 'category'

任何帮助将不胜感激。谢谢。

Answer 1

你能试试这样的吗：

<%= order_item.association :category, collection: current_company.categories.collect { |c| [ c.id, "#{c.name} in #{c.parent.name}" ] }, value_method: :first, label_method: :last, placeholder: 'Category', input_html: { class: 'form-control form-control-sm drop_down_input order_item_category} %>

这应该会在选择的选项中为您提供有关父级的信息。我已经测试过了，但没有jquery-select2。

然后，您可能必须使用一些 CSS/JS/HTML 将 in ... 移动到另一行。请看here。

编辑

据我注意到jquery-select2 在选项文本中进行搜索，因此我的解决方案无法按预期工作。

例如：如果您有一个“Ferrari in Cars”选项并输入Cars，它将显示Cars 是父类别的所有选项。如果您想避免这种情况，您可以更改匹配结果的方式：doc