0

私の Rails アプリケーションでは、ユーザーは複数のパターンを追加し、特定のパターンに複数の場所を割り当てることができます。場所はオート​​コンプリート フィールドです。

_pattern_form.html.erb

<% f.fields_for:patterns do |builder| %>
  <%= render 'pattern_fields', :f => builder %>
<% end %>

<p class="add_fields"><%= link_to_add_patterns "Add Book", f, :patterns %></p>

_pattern_fields.html.erb

<div class="fields" style="z-index: 1;">

    Pattern Pub: <%= f.select(:PAT_PUB, [['A', 'A'],
                     ['B', 'B'],
                     ['C', 'C']]) %>


    <div>    
      <% f.fields_for :location do |builder| %>
      <%= render 'location_fields', :f => builder %>
      <% end %>
    </div>

</div>

_location_fields.html.erb

<%= f.text_field_with_auto_complete  :LCN_ADJACENT_TO , { :size => 55, :style=>" z-index:100;"}, { :url => formatted_locations_path(:js), :method => :get,  :skip_style => true, :param_name => 'search' } %>

唯一の問題は、ユーザーが場所のオートコンプリート フィールドに入力すると、オートコンプリート リストが他のパターン フィールドの背後に隠れてしまうことです。

次の css を作成し、「auto_complete」クラスに 100 の z-index を指定しましたが、無駄でした。

.auto_complete {
    z-index: 100;
}

.auto_complete ul{
    padding: 0px;
    margin: 0px;
    list-style-type:none;
    background: #F0F8FF;
    z-index: 100;
}

.auto_complete li{
    padding-left: 0px;
    margin-left: 0px;
    text-align: left;
    z-index: 100;

}

提案リストをページ コンテンツの上部に表示する方法に関する提案。

ご提案いただきありがとうございます。

4

1 に答える 1

1

z-index配置された要素 (position:absolute、position:relative、または position:fixed) でのみ機能します。他の要素 (「パターン フィールド」) もおそらく配置する必要があります。

于 2012-09-25T15:32:33.607 に答える