輸入東西后jQuery UI自動完成

我想在輸入'@'（在符號）後自動完成用戶名。輸入東西后jQuery UI自動完成

form_html.erb：

<div class="form-group ui-widget"> 
    <div class="col-sm-5"> 
     <%= f.text_area :content, rows: 5, placeholder: '...', class: 'form-control', id: "tags", 'data-article-id': @article.id.to_s %> 
    </div> 
    </div>

這是我的CoffeeScript：

$ -> 
    id = $("#tags").data("article-id") 
    $("#tags").autocomplete 
    source: '/articles/' + id + '/autocomplete.json' 
    minLength: 1

當前外觀：

我想輸入「@」（at符號）然後自動完成用戶名。

請告訴我，如果你有好的想法，請提前致謝！

來源

2015-09-22 pangpang

剛剛初步考慮了關鍵點檢查textarea的長度;如果長度= 1;用用戶輸入的值預先輸入@sign ... – Akki619

您也可以在@符號中爲json中的每個名稱。 –

@BasvanStein你給我很好的主意，謝謝！ – pangpang

由於@Bas麪包車斯坦因的建議，我可以@符號添加到每個名稱以JSON：

def autocomplete 
    @articles = Article.find_by(id: params[:article_id]) 
    @commentor_names = @articles.comments.map{|e| "@" + e.name}.uniq 
             .map{|e| e if e.match(/^#{params[:term]}/i) }.compact 
    respond_to do |format| 
     format.html 
     format.json { 
     render json: @commentor_names 
     } 
    end

末

然後外觀：

它可以工作，但效率低下，不完美。

來源

2015-09-22 08:46:05 pangpang

根據this post您可以通過自定義$.ui.autocomplete.filter函數來完成這項工作。

來源

2015-09-22 08:07:49 dimakura

輸入東西后jQuery UI自動完成

回答

相關問題