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 %}
伺服器端:
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);
}
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2157/viewspace-2815191/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jquery-autocomplete的用法及引數jQuery
- Jquery autocompletejQuery
- jquery ui autocomplete輸入中文不自動完成的問題jQueryUI
- jquery ajax基本用法jQuery
- 【Jquery】jquery 基本的動畫jQuery動畫
- MongoDB的基本用法MongoDB
- webpack的基本用法Web
- rematch的基本用法REM
- Promise的基本用法Promise
- mysqldump的基本用法MySql
- jQuery的:checked的用法jQuery
- jQuery UI Bootstrap:在jQuery UI上整合BootstrapjQueryUIboot
- jQuery的基本使用jQuery
- 實現輸入內容提示的功能(仿google_百度輸入框提示)jquery.ui.autocomplete.js外掛GojQueryUIJS
- UIScrollView的基本用法UIView
- jquery ui layoutjQueryUI
- jQuery $.each用法jQuery
- Promise基本用法Promise
- Git基本用法Git
- mongoose基本用法Go
- tcpdump基本用法TCP
- jQuery Validate的format()用法jQueryORM
- 在JQuery中,$.ajax() 的用法jQuery
- ajax +jquery 基本jQuery
- 反射機制的基本用法反射
- MongoDB 及 PyMongo 的基本用法MongoDB
- react-redux的基本用法ReactRedux
- C++中& 的基本用法C++
- fork()函式的基本用法函式
- Git的17條基本用法Git
- JQuery UI 拖拽排序jQueryUI排序
- jQuery.post()用法jQuery
- jQuery paste事件用法jQueryAST事件
- Hibernate的基本API的用法API
- MySQL的mysqldump工具的基本用法MySql
- Spark的基本結構及SparkSQL元件的基本用法SparkSQL元件
- scp命令基本用法
- jQuery的bind()方法用法詳解jQuery