|
|
|
มีใครใช้ autocomplete bootstrap ขอแนะนำหน่อยครับ |
|
|
|
|
|
|
|
แนะนำอย่างไรครับ เค้าก็มีตัวอย่างให้แล้วนิครับ
|
|
|
|
|
Date :
2016-10-10 14:38:40 |
By :
arm8957 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ติดต่อกับฐานข้อมูล mysql ครับ
|
|
|
|
|
Date :
2016-10-10 17:36:24 |
By :
โต้ง |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootcomplete.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.bootcomplete.js"></script>
<input id="example1" type="text" name="country" placeholder="Enter a Country" class="form-control">
<script type="text/javascript">
$('#example1').bootcomplete({
url:'ajax/countries.php'
});
</script>
countries.php
[
<?php for($i=0;$i<10;$i++){?>
{"id":"AF","label":"Afghanistan"},
<?php }?>
]
ไม่แสดงผลอกมาครับ
|
|
|
|
|
Date :
2016-10-22 10:24:59 |
By :
โต้ง |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<script>
$(function(){
var brand = [
<?php
$ResultBrand = $Class->selectField("SELECT * FROM brand");
foreach($ResultBrand as $Brand):
?>
{ value: '<?=$Brand['name']?>', data: '<?=$Brand['id']?>' },
<?php endforeach?>
];
// setup autocomplete function pulling from currencies[] array
$('#brand').autocomplete({
lookup: brand,
onSelect: function (suggestion) {
var thehtml = '<strong>Currency Name:</strong> ' + suggestion.value + ' <br> <strong>Symbol:</strong> ' + suggestion.data;
$('#outputcontent').html(thehtml);
}
});
ซึ่งเป็นไฟล์ที่ใช้หน้าเดียวกับที่ใช้เรียกสคริปท์เลยนะครับ
|
|
|
|
|
Date :
2016-10-25 11:10:06 |
By :
Dragons_first |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
หลักการทำงานน่าจะประมาณ javascript ใช่ Ajax เรียกไฟล์ php ที่สามารถแสดง JSON code
อันนี้ของผมไม่ได้ใช้ utocomplete bootstrap แต่น่าจะคล้ายๆกัน
Code (PHP)
function JsonData(){
$connnectPO=conDB::Con_DB();
$sql = "SELECT
a.answer_running AS answer_running,
a.answer_code AS answer_code,
a.answer_name AS answer_name,
vc.emp_fullname AS create_by,
DATE_FORMAT(a.create_date,'%d/%m/%Y %H:%i:%s') AS create_date,
vu.emp_fullname AS update_by,
DATE_FORMAT(a.update_date,'%d/%m/%Y %H:%i:%s') AS update_date
FROM answer a";
$sql .= " LEFT JOIN hr_system.vw_emp_name vc ON a.create_by = vc.emp_code2";
$sql .= " LEFT JOIN hr_system.vw_emp_name vu ON a.update_by = vu.emp_code2";
$sql .= " WHERE a.company_code='$_SESSION[company_code]'";
$sql .= " order by a.answer_running ASC";
$charset = $connnectPO->query("SET NAMES UTF8");
$result = $connnectPO->query($sql);
if ($result){
$num = $result->num_rows;
if ($num > 0) {
$dataArray = array();
while($row = $result->fetch_assoc()){
$data = $row;
array_push($dataArray,$data);
}
echo "{\"total\":$num,\"data\":".json_encode($dataArray)."}";
}else{
echo "{\"total\":$num,\"data\":false}";
}
$result->free();
} else {
echo "{\"total\":0,\"data\":false}";
}
$connnectPO->close();
}
ทำไฟล์ไว้สำหรับเรียก ชื่อไฟล์ answer.json.master.php
Code (PHP)
<?php
include('../common.php');
$answer = new answer;
$answer->JsonData();
?>
เรียกใช้จาก javascript
Code (JavaScript)
$(document).ready(function () {
var url = "json/answer.json.master.php";
var source =
{
datatype: "json",
datafields: [
{ name: 'answer_running' },
{ name: 'answer_code' },
{ name: 'answer_name' },
{ name: 'create_by'},
{ name: 'create_date'},
{ name: 'update_by'},
{ name: 'update_date'}
/*{ name: 'quantity', type: 'int' },
{ name: 'price', type: 'float' },
{ name: 'total', type: 'float' }*/
],
id: 'answer_running',
url: url,
root: 'data',
sortcolumn: 'answer_code',
sortdirection: 'desc',
updaterow: function (rowid, rowdata, commit) {
// synchronize with the server - send update command
// call commit with parameter true if the synchronization with the server is successful
// and with parameter false if the synchronization failder.
commit(true);
}
};
|
|
|
|
|
Date :
2016-10-25 11:25:49 |
By :
thesin18598 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|