<?php class mCuslist extends CI_Model { function fetch_data($ptVal) { $sql = "SELECT TTKMCst.FNCstID, TTKMCst_L.* FROM TTKMCst "; $sql .= "LEFT JOIN TTKMCst_L ON TTKMCst.FNCstID = TTKMCst_L.FNCstID AND TTKMCst_L.FNLngID = '1' "; if($ptVal != '') { $sql .= "WHERE TTKMCst_L.FTCstName = '$ptVal'"; } $query = $this->db->query( $sql); if ($query->num_rows() > 0){ return $query->result(); } } } ?>
<?php class cCuslist extends CI_Controller{ public function __construct(){ parent::__construct(); } public function index(){ $this->load->view('wCsearch'); } function fetch() { $output = ''; $query = ''; $this->load->model('mCuslist'); if($this->input->post('query')) { $query = $this->input->post('query'); } $data = $this->mCuslist->fetch_data($query); $output .= ' <div class="table-responsive"> <table class="table table-bordered table-striped"> <tr> <th>CstID</th> <th>Customer Name</th> </tr> '; if(is_array($data) == 1){ foreach($data as $key => $row) { $output .= ' <tr> <td>'.$row->FNCstID.'</td> <td>'.$row->FTCstName.'</td> </tr> '; } }else{ $output .= '<tr> <td colspan="5">No Data Found</td> </tr>'; } $output .= '</table>'; echo $output; } }
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Customer List</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> </head> <body> <div class="container"> <br /> <br /> <br /> <h2 align="center">Show Customer</h2><br /> <div class="form-group"> <div class="input-group"> <span class="input-group-addon">Search</span> <input type="text" name="oetSearch" id="oetSearch" placeholder="Search by Customer Details" class="form-control" /> </div> </div> <br /> <div id="odvResult"></div> </div> <div style="clear:both"></div> <br /> <br /> <br /> <br /> </body> </html> <script> $(document).ready(function(){ load_data(); }); function load_data(query){ $.ajax({ url:"custlist", method:"POST", data:{query:query}, success:function(data){ $('#odvResult').html(data); } }) } $('#oetSearch').keyup(function(){ var search = $(this).val(); if(search != '') { load_data(search); } else { load_data(); } }); </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง