typeahead是bootstrap的自動補全js外掛程式。
最近專案中用到，總結一下。
與autocomplish類似，通過ajax實現，實現流程是前台輸入關鍵字，後台根據關鍵字查詢出資訊，構造json串並返回，前台接收顯示。
例項一html**：
<input
type
="text"
class
="form-control"
id="employee_name"
name
="employee_name"
data-provide
="typeahead"
placeholder
=""autocomplete
="off"
disableautocomplete
/>
<
input
name
="employee_id"
type
="hidden"
value
=""/>
php部分**：
$suggestions = array();
$i=0;
$q = strtoupper($query
);
$sql = "select employee_id,employee_name from employee as e where upper(e.employee_name) like '$q%'";
$data = $conn->getall($sql)
foreach($data as $key=>$val)
$ar = array('query'=>$query,'suggestions'=>$suggestions,'data'=> $data);
echo json_encode( $ar);
目的就是拼接json字串，要求返回的格式類似：
,]}js**：
$('#employee_name').keyup(function
()).typeahead(;
$.get('ajax-typeahead.php?type=employee&profile=13', parameter, function
(result) ;
$.each(data,
function
(i, object));
process(objects);
});},
updater:
function
(item)
});
注意事項：
例項二有時頁面中要多次使用typeahead。
如果有乙個**，每行中都有乙個單元格要求值是從自動補全中獲得的。
$('.typeahead').each(function
(); $.get('ajax-typeahead.php?type=supplier', parameter, function
(result) );
process(labels);
});},
updater:
function
(item)
})})
參考：bootstrap 2.3 typeahead使用ajax補全輸入框的方法
vi 的使用總結
用vi 用的久了，總感覺每次程式設計都要自己在table鍵進行縮排很是不爽，於是總結了一點vi使用小技巧 對vim 編輯器的屬性進行定製可以方便 的編寫。vim 的配置檔案為 etc vimrc，如果在 etc下沒有這個目錄的話，可以進行查詢，在vim底行模式下輸入 scriptnames就會找到v...
C sizeof的使用總結
說明 以下 在 vs2008 中通過，在 32位作業系統下。1.定義 sizeof 是乙個操作符 operator 其作用是返回乙個物件或型別所佔的記憶體位元組數。其返回值型別為 size t size t 在標頭檔案 stddef.h 中定義，它依賴於編譯系統的值，一般定義為 typedef un...
DataReader的使用總結
對學習.net的人來說ado.net應當是不陌生了，不過我在這裡還是想總結一下關於datareader的使用 datareader包括了兩種形式 sqldatareader和oledbdatareader，其中很多的用法和屬性都是相通的。首先datareader從資料庫當中檢索唯讀，只進的資料流，它...