Typeahead的使用總結

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從資料庫當中檢索唯讀，只進的資料流，它...

Typeahead的使用總結

vi 的使用總結

C sizeof的使用總結

DataReader的使用總結

相關推薦