继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Jquery UI ---autocomplete的基本用法

android零基础入门
关注TA
已关注
手记 288
粉丝 97
获赞 603

客户端:

{% 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);
 }


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP