示例代碼：

var suggestion_source = new Bloodhound({

datumTokenizer: Bloodhound.tokenizers.obj.whitespace("display_name"),

queryTokenizer: Bloodhound.tokenizers.whitespace,

remote: {

url: "http://nominatim.openstreetmap.org/search?format=json&q=%QUERY",

wildcard: '%QUERY',

transform:function(response){

return response;

}

}

});

$('#addr').typeahead({

hint: true,

highlight: true,

minLength: 1

},

{

source: suggestion_source,

display:function(item){

return item.display_name;

},

templates: {

suggestion: function (data) {

return '

' + data.display_name + '

';

}

}

});

默認的display就好，不需要去覆蓋

source是配置typehead的數據源

Bloodhound.tokenizers.obj.whitespace("city")，這個稍稍復雜一點,.whitespace("xxx")這個是指取"xxx"這個屬性，進行空白分詞，以便查詢.

比如返回的json，有一個屬性叫city，如果有一個具體的city="New York"，那么進行了Bloodhound.tokenizers.obj.whitespace("city")之后，無論用戶輸入New或者York，都能查到，而不用考慮空格.

datumTokenizer: Bloodhound.tokenizers.obj.whitespace("display_name"),

queryTokenizer: Bloodhound.tokenizers.whitespace,有兩個這個參數.

datumTokenizer是針對返回結果集的，

queryToken是針對查詢參數的.

template是定義每一行option的顯示效果的.

transform:對數據格式做轉化，如果有需要的話,比如把服務器的某個字段名改掉，或者某個字段進行數學計算

[轉載]fullPage.js中文api 配置參數~

fullPage.js中文api 配置參數 選項 類型 默認值 說明 verticalCentered 字符串 true 內容是否垂直居中 resize 布爾值 false 字體是否隨著窗口縮放而縮放 ...

kafka配置參數

Kafka為broker,producer和consumer提供了很多的配置參數. 了解并理解這些配置參數對于我們使用kafka是非常重要的.本文列出了一些重要的配置參數. 官方的文檔?Configu ...

MySQL Cluster 7.3.5 集群配置參數優化(優化篇)

按照前面的教程:MySQL Cluster 7.3.5 集群配置實例(入門篇),可快速搭建起基礎版的MySQL Cluster集群,但是在生成環境中,還是有很多問題的,即配置參數需要優化下, 當前生產 ...

mha配置參數詳解

mha配置參數詳解: 參數名字 是否必須 參數作用域 默認值 示例 hostname Yes Local Only - hostname=mysql_server1, hostname=192.168 ...

微信公眾號網頁開發-jssdk config配置參數生成(Java版)

一.配置參數 參考官方文檔:http://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&la ...

項目中Zookeeper配置參數筆記

ZooKeeper是以Fast Paxos算法為基礎的,Paxos 算法存在活鎖的問題,即當有多個proposer交錯提交時,有可能互相排斥導致沒有一個proposer能提交成功,而Fast Paxo ...

Hadoop2.6.0配置參數查看小工具

前言 使用Hadoop進行離線分析或者數據挖掘的工程師,經常會需要對Hadoop集群或者mapreduce作業進行性能調優.也許你知道通過瀏覽器訪問http://master:18088/conf來查 ...

struts2學習筆記之四:多配置文件支持和常用配置參數

struts2支持可以按照不同模塊分類的方式拆分配置文件,支持多人分工合作,各自維護自己的配置文件,但是所有配置文件中包名和action的名稱不能重復 ? struts2的配置文件方式有兩種,stru ...

redis pool config的配置參數

.獲取jedis實例時,實際上可能有兩類錯誤.一類是pool.getReource(),得不到可用的jedis實例:另一類是jedis.set/get時出錯也會拋出異常:為了實現區分,所以根據inst ...

隨機推薦

code

using System;using System.Threading; namespace ThreadLocalTest{?? ?public class MyObject?? ?{?? ??? ...

EF UoC

The Repository Pattern with EF Code First & Dependency Injection in ASP.NET MVC3 Ray_Liang, 5 Ju ...

CSS選擇器、CSS hack及CSS執行效率

主要內容: 1.CSS選擇器.優先級與匹配原理 2. CSS 引入的方式有哪些 ??link 和 @import 的區別是 ? 3.CSS hack 4.如何書高效CSS ?一.CSS選擇器.優先級與 ...

利用NSUserdefaults來存儲自定義的NSObject類及自定義類數組

利用NSUserdefaults來存儲自定義的NSObject類及自定義類數組 1.利用NSUserdefaults來存儲自定義的NSObject類 利用NSUserdefaults也可以來存儲及獲取 ...

android學習筆記12——ListView、ListActivity

ListView.ListActivity ==> ListView以垂直列表的形式顯示所有列表項. 創建ListView的方式: 1.直接使用ListView創建 2.Activity繼承Li ...

linux內核中sys_poll()的簡化分析

app:poll or select; kernel: sys_poll(); do_sys_poll(struct pollfd __user *ufds, unsigned int nfds,st ...

servlet+jdbc+javabean其實跟ssh差不多

我給的這個架構可以代替ssh的架構進行項目的開發 common中放的是一些公用類 dao中放的是一些對數據的處理 entity其實也就是javabean service中放的是一些抽象類,簡單來說抽象 ...

Codeforces Round #372 (Div. 2) C 數學

http://codeforces.com/contest/716/problem/C 題目大意:感覺這道題還是好懂得吧. 思路:不斷的通過列式子的出來了.首先我們定義level=i, uplevel ...

CCF 201612-1 中間數

試題編號:201612-1 試題名稱:中間數 時間限制:1.0s 內存限制:256.0MB 問題描述 在一個整數序列a1, a2, -, an中,如果存在某個數,大于它的整數數量等于小于它的整數數量, ...

.net core在網關中統一配置Swagger

最近在做微服務的時候,由于我們是采用前后端分離來開發的,提供給前端的直接是Swagger,如果Swagger分布在各個API中,前端查看Swagger的時候非常不便,因此,我們試著將Swagger集中 ...

總結

以上是生活随笔為你收集整理的typeahead有什么作用_typeahead使用配置参数。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。