2011-07-26 2 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) –