|
 |
| |
รบกวนช่วยแนะนำหน่อยคะ พอดีทำกับ flexigrid จะให้ มันขึ้นคำว่าปริ้นคะ คลิกปริ้นก้ไปอีกหน้าหนึ่ง |
| |
 |
|
|
 |
 |
|
รบกวนช่วยแนะนำหน่อยคะ พอดีทำกับ flexigrid จะให้ มันขึ้นคำว่าปริ้นคะ คลิกปริ้นก้ไปอีกหน้าหนึ่ง โชว์รายละเอียดตาม ที่เราเลือก
โค๊ดข้างล่างคะ
data.php
Code (PHP)
<?php
header("Content-type:text/x-json; charset=UTF-8");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
// ส่วนการเชื่อมต่อกับฐานข้อมูล
mysql_connect("localhost","root","123") or die("Cannot connect the Server");
mysql_select_db("contrac") or die("Cannot select database");
mysql_query("set character set utf8");
// ส่วนของการกำหนดการรับค่ามากำหนดเงือนไข
$page = $_POST['page']; // รับค่าหน้าที่ต้องการนำมาแสดง
$rp = $_POST['rp']; // รับค่าจำนวนแสดงต่อ 1 หน้า
$sortname = $_POST['sortname']; // รับค่าเงื่อนไข field ที่ต้องการจัดเรียง
$sortorder = $_POST['sortorder']; // รับค่ารูปแบบการจัดเรียงข้อมูล
// ส่วนการกำหนดค่า กรณีไม่ได้ส่งค่ามา
if (!$sortname) $sortname = 'At_ID'; // ถ้าไม่ส่งค่ามา กำหนดเป็น ชื่อ field ในฐานข้อมูลของเรา ที่ต้องการให้เรียงเมื่อไม่ได้กำหนดค่าในหน้า index.php
if (!$sortorder) $sortorder = 'desc'; // ถ้าไม่ส่งรูปแบบการจัดเรียงข้อมูลมา ให้กำหนดเป็น จากมากไปหาน้อย desc
if (!$page) $page = 1; // ถ้าไม่ได้ส่งหน้าที่ต้องการแสดงมา ให้แสดงหน้าแรก เป็น 1
if (!$rp) $rp = 10; // หากไม่กำหนดรายการที่จะแสดงต่อ 1 หน้ามา ให้กำหนดเป็น 10
// ส่วนสำหรับจัดรูปแบบขอบเขตและเงื่อนไขข้อมูลที่ต้องการแสดง
$start = (($page-1) * $rp);
$limit = "LIMIT $start, $rp";
$sort = "ORDER BY $sortname $sortorder";
// ส่วนหรับหาว่ามีข้อมูลทั้งหมดเท่าไหร่ เก็บในตัวแปร $total
$q = "SELECT * FROM contact";
$qr = mysql_query($q);
$total = mysql_num_rows($qr);
$query = $_POST['query']; //รับค่าที่ค้นหา
$qtype = $_POST['qtype']; //เงื่อนไขที่ส่งมา
$where = "";
if ($query) $where = " WHERE $qtype LIKE '%$query%' ";
// ส่วนสำหรับดึงข้อมูลมาสร้าง json ไฟล์ สำหรับแสดง
$q = "SELECT * FROM contact $where $sort $limit";
$qr = mysql_query($q);
$numrow=mysql_num_rows($qr);
if($numrow>0){
$data['page'] = intval($page); //
$data['total'] = intval($total); //
while ($row = mysql_fetch_array($qr)) {
$rows[] = array(
"id" => $row['At_ID'],
"cell" => array(
$row['id']
,$row['idcard']
,$row['message']
,$row['name']
,$row['phone']
,$row['email']
,$row['dateregist']
)
);
}
}else { // ในกรณีค่าที่ค้นหา ไม่มี ให้คืน ค่า เป็น null ไปทั้งหมด
$rows[] = array(
"id" => 'null',
"cell" => array(
'null'
,'null'
,'null'
,'null'
,'null'
,'null'
,'null'
,'null'
)
);
}
$data['rows'] = $rows;
echo json_encode($data);
// เข้ารหัสส่งค่ากับไปเป็น json
exit;
?>
index.php หน้าแสดงออกมาคะ
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>รายละเอียดผู้ร้องทุกข์</title>
<!-- นำสคริปต่างๆ เข้ามา -->
<script type="text/javascript" src="js/flexigrid.js"></script>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/flexigrid.pack.js"></script>
<link href="css/flexigrid.css" rel="stylesheet" type="text/css" />
<!--jquery script-->
<script type="text/javascript">
$(document).ready(function(){
$("#table").flexigrid({ // กำหนดให้สร้าง data grid ให้กับ แท็ก table ที่มี id=table
nowrap :false,
url: 'data.php', // กำหนด url ของไฟล์ที่จะใช้เชื่อมต่อฐานข้อมูลมาแสดง
dataType: 'json', // กำหนดชนิดของไฟล์ข้อมูลที่ต้องการใช้งานในที่นี้ใช้ json
colModel : [ // กำหนดลักษณะการแสดงของคอลัมน์ในตาราง อ่านคำอธิบายด้านล่าง
{display: 'ลำดับ', name : 'id', width : 40, sortable : true, align: 'center'},
{display: 'รหัสบัตรประชาชน', name : 'idcard', width : 120, sortable : true, align: 'left'},
{display: 'รายละเอียด', name : 'message', width : 300, sortable : true, align: 'left',hide :false},
{display: 'ชื่อผู้ร้องเรียน', name : 'name', width : 140, sortable : true, align: 'center'},
{display: 'เบอร์โทร', name : 'phone', width : 110, sortable : true, align: 'center'},
{display: 'อีเมล์', name : 'email', width : 130, sortable : true, align: 'center'},
{display: 'แจ้งวันที่', name : 'dateregist', width : 100, sortable : true, align: 'center'},
],
// display คือ กำหนด ชื่อข้อความที่ต้องการแสดงหัวข้อคอลัมน์
// name คือ ชื่อ field ของตารางในฐานข้อมูลที่สอดคล้องกัน
// widh คือ ความกว้างของคอลัมน์ที่ต้องการแสดง หน่วยเป็น pixel (กำหนดแต่ตัวเลข)
// sortable คือ กำหนดว่าคอลัมน์สามารถทำการเรียงข้อมูลได้หรือไม่ ค่า true / false
// align คือ กำหนดการจัดตำแหน่งการแสดงข้อมูล ค่า left / center / right
// hide คือ กำหนดให้แสดงหรือไม่แสดงคอลัมน์นั้น ค่า true / false (ส่วนเพิ่มเติม กำหนดหรือไม่ก็ได้)
searchitems : [ // ปุ่ม search กำหนดให้ค้นหาจากอะไรได้บ้าง ถ้าต้องการให้ค่า default เป็นอะไร ให้ตั้งค่า isdefault: true
{display: 'ชื่อผู้ร้องเรียน', name : 'name', isdefault: true},
{display: 'เลขบัตรประชาชน', name : 'idcard'},
{display: 'ID', name : 'ID'}
],
sortname: "id", // กำหนดการจัดเรียงเริ่มต้น ว่าต้องการให้เรียงตาม field อะไรในฐานข้อมูล
sortorder: "desc", // กำหนดเรียกจากมากไปน้อย หรือน้ยอไปมาก desc / asc
usepager: true, // กำหนดให้แสดงส่วนการแบ่งหน้าหรือไม่ true / false
title: 'รายละเอียดผู้ร้องเรียนร้องทุกข์', // หัวข้อตาราง
useRp: true, // กำหนดให้แสดงการ กำหนดจำนวนรายการแสดงต่อหน้า หรือไม่ true / false
// useRp:true,
rp: 20, // กำหนดจำนวนรายการที่จะแสดงในแต่ละหน้า
showTableToggleBtn: false, // กำหนดให้แสดงปุ่ม ซ่อน / แสดงตารางหรือไม่ true / false
width: 1050, // กำหนดความกว้าง
height: 690 // กำหนดความสูง
});
});
</script>
</head>
<body>
<table id="table" style="display:none"></table>
</body>
</html>
Tag : PHP, MySQL
|
|
|
 |
 |
 |
 |
| Date :
2013-07-03 15:18:34 |
By :
NToo |
View :
952 |
Reply :
5 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ไฟล์ data.php ในลูป while ตรง array cell เพิ่ม
Code (PHP)
,"<a href='print.php?id=$row[id]'>พิมพ์ข้อมูล</a>"
ไฟล์ index.php เพิ่ม
Code (PHP)
{display: 'พิมพ์ข้อมูล', name : '', width : 100, sortable : true, align: 'center'},
|
| |
|
|
| |
| Date :
2013-07-03 15:56:46 |
By :
Manussawin |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณมากๆๆๆคะ แต่ถ้าจะใส่รูปแทน คำว่าพิมพ์ข้อมูล ละคะ ต้องทำแบบไหนคะ
|
| |
|
|
| |
| Date :
2013-07-03 16:11:37 |
By :
NToo |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ใส่แทนใน tag <a><img src='รูปภาพ'></a> 
|
| |
|
|
| |
| Date :
2013-07-03 16:13:49 |
By :
Manussawin |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณมากๆๆๆๆคะ
|
| |
|
|
| |
| Date :
2013-07-03 16:22:37 |
By :
NToo |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
| |
|
|
| |
| Date :
2013-07-03 16:24:56 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
