示例代碼：

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 + '

';

}

}

});

默認(rèn)的display就好，不需要去覆蓋

source是配置typehead的數(shù)據(jù)源

Bloodhound.tokenizers.obj.whitespace("city")，這個(gè)稍稍復(fù)雜一點(diǎn),.whitespace("xxx")這個(gè)是指取"xxx"這個(gè)屬性，進(jìn)行空白分詞，以便查詢.

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

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

queryTokenizer: Bloodhound.tokenizers.whitespace,有兩個(gè)這個(gè)參數(shù).

datumTokenizer是針對(duì)返回結(jié)果集的，

queryToken是針對(duì)查詢參數(shù)的.

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

transform:對(duì)數(shù)據(jù)格式做轉(zhuǎn)化，如果有需要的話,比如把服務(wù)器的某個(gè)字段名改掉，或者某個(gè)字段進(jìn)行數(shù)學(xué)計(jì)算

[轉(zhuǎn)載]fullPage.js中文api 配置參數(shù)~

fullPage.js中文api 配置參數(shù) 選項(xiàng) 類型 默認(rèn)值 說明 verticalCentered 字符串 true 內(nèi)容是否垂直居中 resize 布爾值 false 字體是否隨著窗口縮放而縮放 ...

kafka配置參數(shù)

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

MySQL Cluster 7.3.5 集群配置參數(shù)優(yōu)化(優(yōu)化篇)

按照前面的教程:MySQL Cluster 7.3.5 集群配置實(shí)例(入門篇),可快速搭建起基礎(chǔ)版的MySQL Cluster集群,但是在生成環(huán)境中,還是有很多問題的,即配置參數(shù)需要優(yōu)化下, 當(dāng)前生產(chǎn) ...

mha配置參數(shù)詳解

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

微信公眾號(hào)網(wǎng)頁(yè)開發(fā)-jssdk config配置參數(shù)生成(Java版)

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

項(xiàng)目中Zookeeper配置參數(shù)筆記

ZooKeeper是以Fast Paxos算法為基礎(chǔ)的,Paxos 算法存在活鎖的問題,即當(dāng)有多個(gè)proposer交錯(cuò)提交時(shí),有可能互相排斥導(dǎo)致沒有一個(gè)proposer能提交成功,而Fast Paxo ...

Hadoop2.6.0配置參數(shù)查看小工具

前言 使用Hadoop進(jìn)行離線分析或者數(shù)據(jù)挖掘的工程師,經(jīng)常會(huì)需要對(duì)Hadoop集群或者mapreduce作業(yè)進(jìn)行性能調(diào)優(yōu).也許你知道通過瀏覽器訪問http://master:18088/conf來查 ...

struts2學(xué)習(xí)筆記之四:多配置文件支持和常用配置參數(shù)

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

redis pool config的配置參數(shù)

.獲取jedis實(shí)例時(shí),實(shí)際上可能有兩類錯(cuò)誤.一類是pool.getReource(),得不到可用的jedis實(shí)例:另一類是jedis.set/get時(shí)出錯(cuò)也會(huì)拋出異常:為了實(shí)現(xiàn)區(qū)分,所以根據(jù)inst ...

隨機(jī)推薦

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執(zhí)行效率

主要內(nèi)容: 1.CSS選擇器.優(yōu)先級(jí)與匹配原理 2. CSS 引入的方式有哪些 ??link 和 @import 的區(qū)別是 ? 3.CSS hack 4.如何書高效CSS ?一.CSS選擇器.優(yōu)先級(jí)與 ...

利用NSUserdefaults來存儲(chǔ)自定義的NSObject類及自定義類數(shù)組

利用NSUserdefaults來存儲(chǔ)自定義的NSObject類及自定義類數(shù)組 1.利用NSUserdefaults來存儲(chǔ)自定義的NSObject類 利用NSUserdefaults也可以來存儲(chǔ)及獲取 ...

android學(xué)習(xí)筆記12——ListView、ListActivity

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

linux內(nèi)核中sys_poll()的簡(jiǎn)化分析

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

servlet+jdbc+javabean其實(shí)跟ssh差不多

我給的這個(gè)架構(gòu)可以代替ssh的架構(gòu)進(jìn)行項(xiàng)目的開發(fā) common中放的是一些公用類 dao中放的是一些對(duì)數(shù)據(jù)的處理 entity其實(shí)也就是javabean service中放的是一些抽象類,簡(jiǎn)單來說抽象 ...

Codeforces Round #372 (Div. 2) C 數(shù)學(xué)

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

CCF 201612-1 中間數(shù)

試題編號(hào):201612-1 試題名稱:中間數(shù) 時(shí)間限制:1.0s 內(nèi)存限制:256.0MB 問題描述 在一個(gè)整數(shù)序列a1, a2, -, an中,如果存在某個(gè)數(shù),大于它的整數(shù)數(shù)量等于小于它的整數(shù)數(shù)量, ...

.net core在網(wǎng)關(guān)中統(tǒng)一配置Swagger

最近在做微服務(wù)的時(shí)候,由于我們是采用前后端分離來開發(fā)的,提供給前端的直接是Swagger,如果Swagger分布在各個(gè)API中,前端查看Swagger的時(shí)候非常不便,因此,我們?cè)囍鴮wagger集中 ...

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。