Jquery UI ---autocomplete的基本用法

客戶端:

{% block scripts %}
 <script>
 $("#review").autocomplete({
   serviceUrl: '{{ search_reviewer_path() }}',
   minChars: 3,
   width: '200px',
   onSelect: function(value, data){
     $("#review").val(data.value);
     window.location.href = data.url;
   }
 });
 </script>
{% endblock %}

服務器端:


 /**
  * For the autocomplete function on the blacklist page
  */
 public function searchAction()
 {
   $query = trim($this->getRequest()->get('term'));
   $blacklists = BlacklistRepository::query($query, Blacklist::$SECTIONS);

   $results = array();
   foreach ($blacklists as $key => $blacklist) {
     $results[] = array(
       'label' => $blacklist->getName(),
       'url' => $this->generateUrl(
         'edit_blacklist',
         array('id' => $blacklist->getId())
       ),
       'value' => $blacklist->getName()
     );
   }

   return $this->renderJSONResponse($results);
 }


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章