Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > มีใครใช้ autocomplete bootstrap ขอแนะนำหน่อยครับ



 

มีใครใช้ autocomplete bootstrap ขอแนะนำหน่อยครับ

 



Topic : 124906



โพสกระทู้ ( 332 )
บทความ ( 0 )



สถานะออฟไลน์




มีใครใช้ autocomplete bootstrap http://getwebhelp.com/bootcomplete/



Tag : PHP, Ajax







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-10-10 14:20:27 By : โต้ง View : 1917 Reply : 8
 

 

No. 1



โพสกระทู้ ( 2,311 )
บทความ ( 1 )



สถานะออฟไลน์


แนะนำอย่างไรครับ เค้าก็มีตัวอย่างให้แล้วนิครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-10-10 14:38:40 By : arm8957
 


 

No. 2



โพสกระทู้ ( 332 )
บทความ ( 0 )



สถานะออฟไลน์


ติดต่อกับฐานข้อมูล mysql ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-10-10 17:36:24 By : โต้ง
 

 

No. 3



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


จากตัวอย่าง(ยังไม่ได้โหลด) เข้าไปดูที่ ajax/countries.php จากนั้นทำอย่างไรก็ได้ ดึงข้อมูลจาก Database ออกมาแล้วให้รูปแบบการแสดงค่าเป็น
[{"id":"AF","label":"Afghanistan"},{"id":"AL","label":"Albania"},{"id":"DZ","label":"Algeria"},{"id":"DS","label":"American Samoa"},{"id":"AD","label":"Andorra"}]

เหมือนต้นฉบับ ซึ่งตรงนี้แน่นอนว่าต้อง ใช้ json ในการส่งค่ากลับมา

http://getwebhelp.com/bootcomplete/ajax/countries.php

หาอ่านเพิ่มเติม php to json ก็น่าจะพอเห็นทางไปต่อครับ


ประวัติการแก้ไข
2016-10-11 08:50:25
2016-10-11 08:50:59
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-10-11 08:47:08 By : apisitp
 


 

No. 4



โพสกระทู้ ( 332 )
บทความ ( 0 )



สถานะออฟไลน์


ajax/countries.php
<?php $myvar = array("id"=>"red", "b"=>"green", "c"=>23, "d"=>false); echo json_encode($myvar); ?>


แบบนี้ไหมครับพี่
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-10-15 16:54:04 By : โต้ง
 


 

No. 5



โพสกระทู้ ( 3,748 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์
Facebook

Code
[ <?php for($i=0;$i<10;$i++){?> {"id":"AF","label":"Afghanistan"}, <?php }?> ]


ก๊อปลงมาใน master file แล้วใส่โค๊ด php ลงไปได้เลยครับ ผมใช้วิธีนี้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-10-17 10:56:50 By : Dragons_first
 


 

No. 6



โพสกระทู้ ( 332 )
บทความ ( 0 )



สถานะออฟไลน์


<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 : โต้ง
 


 

No. 7



โพสกระทู้ ( 3,748 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์
Facebook

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
 


 

No. 8



โพสกระทู้ ( 279 )
บทความ ( 0 )



สถานะออฟไลน์


หลักการทำงานน่าจะประมาณ 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
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : มีใครใช้ autocomplete bootstrap ขอแนะนำหน่อยครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่