レールで、どのように自動補完を示す名前が使用Id?

Question

したいと思っていますテキストボックスのユーザーの型を示すAjax住のリストやモデルの名前と、そのユーザーの選定についHTMLの保存モデルのIDおよび使用時に提出する。

ってォーのauto_completeプラグインがん摘出にレールを2、そうでないinklingこでも役にたつかもしれません。あ Railscast話 ることに用いるプラグインなどの触れ込んでいます。のコメント 点を指摘できる課題, は、 ポイント model_auto_completer としての可能な解決方法, そうなる場合、見た目はシンプル文字列が挿入されるテキストを含む多くのジャンクフード空間の場として紹介しちゃいたいと思いますなどの画像を、リスト項目 でもその書類と.

思hack model_auto_completer 形やんものそのものをしていきたいと思っている場合があり良いオプションがあります。

Answer 1

私の紋切型で陳腐な問題の修正に迷惑空間のイメージです。になっていたため、 :after_update_element => "trimSelectedItem" のオプションのハッシュ model_auto_completer （最初のハッシュにした.私 trimSelectedItem その後の適切なサブ要素の内容の要素の値：

function trimSelectedItem(element, value, hiddenField, modelID) {
    var span = value.down('span.display-text')
    console.log(span)
    var text = span.innerText || span.textContent
    console.log(text)
    element.value = text
}

しかし、それに触れ :allow_free_text オプションはデフォルトのテキストなどのテキストボックスにフォーカスを失った場合は、テキスト内では"有効"の項目をクリックします。っにして、もぎ :allow_free_text => true のオプションのハッシュ(再度、最初のハッシュ).いいんではなかった。

私の現在の通話をautocompleterは:

<%= model_auto_completer(
    "line_items_info[][name]", "", 
    "line_items_info[][id]", "",
    {:url => formatted_products_path(:js),
     :after_update_element => "trimSelectedItem",
     :allow_free_text => true},
    {:class => 'product-selector'},
    {:method => 'GET',  :param_name => 'q'}) %>

及び製品/index.js.様は:

 <ul class='products'>
    <%- for product in @products -%>
    <li id="<%= dom_id(product) %>">
            <%= image_tag image_product_path(product), :alt => "" %>
            <span class='display-text'><%=h product.name %></span>
    </li>
    <%- end -%>
 </ul>

Answer 2

ロールしました。この処理を少し巻き込みなが---

っtext_fieldの形オブザーバー.起動する場合はタイピングのテキストフィールドは、オブザーバーに送信、検索文字列のコントローラーのリストを返しますオブジェクト（最大10）となります。

の物体を描画するより一部とする動的なオートコンプリートで解決いただくものとします。の一部を実際にpopulates link_to_remote線とのコントローラです。のlink_to_remote送のid、ユーザーの選択とそのRJSの掃除、検索、充填、名前をテキストフィールドには、選択したidの隠れた形。

ユンボショッピングセ...見られませんでしたが、プラグインなこの時に、圧延、自分のいる意味がある。