Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > รบกวนสอบถามเรื่อง Paging/Pagination กับ Table Search แล้วไม่ค้นหาหน้าอื่่นครับ

รบกวนสอบถามเรื่อง Paging/Pagination กับ Table Search แล้วไม่ค้นหาหน้าอื่่นครับ

เริ่มหัวข้อใหม่

giantkim

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

ผมได้ใช้วิธีการแบ่งหน้าจากการดึงข้อมูล TABLE มาแสดงจากลิงค์นี้ครับ https://www.thaicreate.com/php/php-mysql-list-record-paging.html

ก็สามารถแบ่งหน้าได้ตามต้องการทุกประการ ติดที่ว่าตัวค้นหาที่ผมเคยใช้ มันไม่ค้นหาข้อมูลในหน้าอื่นครับ พอจะมีวิธีแก้ไขได้อย่างไรบ้างครับ

ตัวค้นหาที่ว่าคือ ตัว javascript ที่ชื่อว่า LightTableFilter

ขอบคุณมากครับ

Code

<?php
mysql_connect("localhost","table","pass");
mysql_select_db("table");

$strSQL = "SELECT * FROM logistic ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$Num_Rows = mysql_num_rows($objQuery);

$Per_Page = 10; // Per Page

$Page = $_GET["Page"];
if(!$_GET["Page"])
{
$Page=1;
}

$Prev_Page = $Page-1;
$Next_Page = $Page+1;

$Page_Start = (($Per_Page*$Page)-$Per_Page);
if($Num_Rows<=$Per_Page)
{
$Num_Pages =1;
}
else if(($Num_Rows % $Per_Page)==0)
{
$Num_Pages =($Num_Rows/$Per_Page) ;
}
else
{
$Num_Pages =($Num_Rows/$Per_Page)+1;
$Num_Pages = (int)$Num_Pages;
}

$strSQL .=" order by id DESC LIMIT $Page_Start , $Per_Page";
$objQuery = mysql_query($strSQL);
?>

<div class="row">
<img src="http://ems.cnyholding.co.th/dc/print.png" style="float: right; text-align: right;" onclick=" JsPrint('ctt'); "><br><p style=" right: text-align: right; "> <b>กดที่ icon เครื่องพริ้น เพื่อพิมพ์รายงาน</b></p>
<div>
<input type="search" id="product_code_big" class="light-table-filter" data-table="order-table" placeholder="ระบุสิ่งที่ต้องการค้น เลขบิล วันที่ ผู้จำหน่าย สาขา เป็นต้น">
<table id="ctt" class="order-table table" style="width:100%">
<thead>
<tr class="header">
<th>ที่</th>
<th>วันที่รับสินค้า</th>
<th>วันที่ในบิล</th>
<th>เลขที่บิลขนส่ง</th>
<th>ผู้ให้บริการ</th>
<th>สาขาที่รับ</th>
<th>ผู้ส่ง</th>
<th>รายการ</th>
<th>ยอดเงิน</th>
<th>สถานะ</th>
<th>แก้ไข</th>

<?
while($objResult = mysql_fetch_array($objQuery))
{
?>

</tr>
</thead>
<tbody>

<td><?php echo $objResult["id"];?></td>
<td><?php echo $objResult["date1"];?></td>
<td><?php echo $objResult["date2"];?></td>
<td><?php echo $objResult["ref"];?></td>
<td><?php echo $objResult["namesup"];?></td>
<td><?php echo $objResult["branch"];?></td>
<td><?php echo $objResult["supcontact"];?></td>
<td><?php echo $objResult["detail"];?></td>
<td><?php echo $objResult["price1"];?></td>
<td><?php echo $objResult["status"];?></td>
<td><font color="red" ><a href="editlogisticaction.php?id=<?php echo $objResult["id"];?>">แก้ไข</a></font></td>

</tbody>
<?
}
?>
</table>
Total <?= $Num_Rows;?> Record : <?=$Num_Pages;?> Page :
<?
if($Prev_Page)
{
echo " <a href='$_SERVER[SCRIPT_NAME]?Page=$Prev_Page'><< Back</a> ";
}

for($i=1; $i<=$Num_Pages; $i++){
if($i != $Page)
{
echo "[ <a href='$_SERVER[SCRIPT_NAME]?Page=$i'>$i</a> ]";
}
else
{
echo "<b> $i </b>";
}
}
if($Page!=$Num_Pages)
{
echo " <a href ='$_SERVER[SCRIPT_NAME]?Page=$Next_Page'>Next>></a> ";
}

?>

<script>
(function(document) {
'use strict';

var LightTableFilter = (function(Arr) {

var _input;

function _onInputEvent(e) {
_input = e.target;
var tables = document.getElementsByClassName(_input.getAttribute('data-table'));
Arr.forEach.call(tables, function(table) {
Arr.forEach.call(table.tBodies, function(tbody) {
Arr.forEach.call(tbody.rows, _filter);
});
});
}

function _filter(row) {
var text = row.textContent.toLowerCase(), val = _input.value.toLowerCase();
row.style.display = text.indexOf(val) === -1 ? 'none' : 'table-row';
}

return {
init: function() {
var inputs = document.getElementsByClassName('light-table-filter');
Arr.forEach.call(inputs, function(input) {
input.oninput = _onInputEvent;
});
}
};
})(Array.prototype);

document.addEventListener('readystatechange', function() {
if (document.readyState === 'complete') {
LightTableFilter.init();
}
});

})(document);

</script>
<script type="text/javascript">

function PrintPanel(tableId) {
var divContents = document.getElementById(tableId).outerHTML;

var printWindow = window.open('', '', 'height=1000,width=800,scrollbars=1'); //สร้าง popup
printWindow.document.write('<html><head><title>ศูนย์กระจายสินค้ากลาง</title>');
printWindow.document.write('<img src="http://ems.cnyholding.co.th/dc/theme/images/rsz_logo_bill_web2.png"> <br>');
printWindow.document.write('<center><p class="b"><?php echo "สรุปข้อมูลบิลขนส่ง ตามผู้ให้บริการ ค้นหาตามช่วงวัน รายงาน ณ วันที่ " . date("d/m/Y") . "<br>"; ?></center></p>');
printWindow.document.write('<hr>');
printWindow.document.write('<link rel="stylesheet" href="TableCSS_Header.css" type="text/css" />');

printWindow.document.write('</head><body onLoad="self.print();self.close();">'); // สั่ง Print เมื่อ reder เสร็จ
printWindow.document.write(divContents);

printWindow.document.write('</body></html>');
printWindow.document.close();

//printWindow.print(); print แบบนี้มีปัญหา run ไม่ได้ทุก Browser
}

function JsPrint(tableId) {
PrintPanel(tableId);
}
n = new Date();
y = n.getFullYear();
m = n.getMonth() + 1;
d = n.getDate();
document.getElementById("date").innerHTML = m + "/" + d + "/" + y;

</script>

</head>

Tag : PHP, MySQL, CSS, JavaScript

Date : 2018-03-31 23:12:38

By : giantkim

View : 751

Reply : 3

No. 1

Guest

- Ajax
- datatable->server-side
https://datatables.net/examples/data_sources/server_side
แล้วแต่ถนัด

Date : 2018-04-02 16:26:42

By : xman

No. 2

deawx

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

หันไปใช้ datatable ดีกว่าครับผม

Date : 2018-04-02 20:14:50

By : deawx

No. 3

giantkim

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

สรุปผมลงทุกซื้อ CreativeTable จาก Envato มาใช้
ก็ง่ายดีเหมือนกันครับ เผื่อใครเจอปัญหาเดียวกับผมแล้วผ่านมาเจอ

http://www.creativedreams.eu/creative-table/

Date : 2018-04-02 23:10:11

By : giantkim

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : รบกวนสอบถามเรื่อง Paging/Pagination กับ Table Search แล้วไม่ค้นหาหน้าอื่่นครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก