2011-07-26 4 views
1

現在、JQuery UIオートコンプリートリスト機能JQuery UI - Autocompleteを使用しています。私はプロジェクトのリストを含むプロジェクトモデルを持っています。私はすべてのプロジェクトのリストを取得し、それをJQuery UIオートコンプリートリスト関数で表示したいと考えています。プロジェクトテーブルから静的データをロード

これは私が現在application.jsファイルに持っているものです。

$(function() { 
     function log(message) { 
      $("<div/>").text(message).prependTo("#log"); 

     } 
     var availableTags = [ 
      "0407 Dave", 
      "0409 John" , 
      "0503 Michael", 
      "0554 Jack", 
      "0886 Daniel", 
      "0969 Robert", 
      "0971 Steve", 
      "S006 Jack", 
      "S006t Andy"  
     ]; 
     $(" #tags ").autocomplete({ 
      source: availableTags 
     }); 

上記のコードから、変数 'avaliableTags'のリストを表示していることがわかります。しかし、私はプロジェクトモデルからプロジェクトを表示できるようにしたくありません。

答えて

1

JSONデータとしてプロジェクトモデルからデータを返す必要があります。プロジェクトモデルのデータにアクセスし、JSONデータを返すためのページを作成し、ソースをそのページのURLに変更します。

+0

どうすればいいですか?私はまだレール上でルビーを初めて使っています。 – David

+0

私は定期的にPHPを使用しているので、私は実際にルビーの専門家ではありません。それはオートコンプリートに関するjQuery UIのドキュメントに書かれたものでした。多分あなたは[ここ](http://www.simonecarletti.com/blog/2010/04/inside-ruby-on-rails-serializing-ruby-objects-with-json/)や[ここ] http://pmwjournal.blogspot.com/2006/03/json-ajax-ruby-on-rails.html) –

関連する問題