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,037

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



 

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

 



Topic : 130721



โพสกระทู้ ( 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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-03-31 23:12:38 By : giantkim View : 835 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



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

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

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


หันไปใช้ datatable ดีกว่าครับผม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-04-02 20:14:50 By : deawx
 

 

No. 3



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



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


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

http://www.creativedreams.eu/creative-table/
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-04-02 23:10:11 By : giantkim
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : รบกวนสอบถามเรื่อง Paging/Pagination กับ Table Search แล้วไม่ค้นหาหน้าอื่่นครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 05
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 อัตราราคา คลิกที่นี่