|
 |
| |
อยากจะแทนค่าที่แสดงใน Datatable จากค่าใน Database ให้อยู่ในรูปแบบข้อความที่เข้าใจได้ จะทำได้มั้ยครับ |
| |
 |
|
|
 |
 |
|
ได้ครับ เอาโค๊ดมาลง และ ตัวอย่าง map ข้อความที่จะเปลี่ยน
จะได้ช่วยแก้ไข
|
 |
 |
 |
 |
| Date :
2019-02-19 07:06:24 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ไฟล์ server_side_edit.php
ข้อความที่ต้องการ map
inArea = ในเขตพื้นที่
outArea = นอกเขตพื้นที่
sci-math = วิทยาศาสตร์-คณิตศาสตร์
eng-math = ภาษาอังกฤษ-คณิตศาสตร์
eng-china = ภาษาอังกฤษ-ภาษาจีน
eng-japan = ภาษาอังกฤษ-ภาษาญี่ปุ่น
general = ทั่วไป(ฟุตบอล)
retail = ธุรกิจค้าปลีก
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>DataTables example</title>
<!-- นำเข้าสคริปที่เกี่ยวข้อง>
<!-- DataTables CSS -->
<link href="media/css/demo_page.css" rel="stylesheet">
<link href="media/css/demo_table.css" rel="stylesheet">
<!-- jQuery -->
<script type="text/javascript" language="javascript" src="media/js/jquery1.6.3.js"></script>
<!-- DataTables -->
<script type="text/javascript" language="javascript" src="media/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#example').dataTable( { // เขียนโค้ด โดยระบุให้ ไปดึงข้อมูลจาก ไฟล์ ids.php ที่อยุ่ในโฟลเดอร์ scripts มาทำงาน
"bProcessing": true, // โดยเอาข้อมูลที่ได้มาแสดง ใน table ที่มี ไอดี เท่ากับ example
"bServerSide": true,
"sAjaxSource": "scripts/serverEditProcessing.php",
"bPaginate": true,
"bFilter": true, //ช่องค้นหา
"bInfo": false,
"bLengthChange": true, //เลือกจำนวนที่แสดงต่อหน้า
"fnDrawCallback": function(){
$('a[id^="PROFILE"]').fancybox({
'width' : '100%',
'height' : '100%',
'autoScale' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'fade',
'speedIn' : 600,
'speedOut' : 200,
'type' : 'iframe',
onClosed : function() { window.location='server_side_edit.php'; }
}); //PROFILE
$('a[id^="EDIT"]').fancybox({
'width' : '100%',
'height' : '100%',
'autoScale' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'fade',
'speedIn' : 600,
'speedOut' : 200,
'type' : 'iframe',
onClosed : function() { window.location='server_side_edit.php'; }
}); //PROFILE
$('a[id^="DEL"]').fancybox({
'width' : '20%',
'height' : '20%',
'autoScale' : false,
'transitionIn' : 'fade',
'transitionOut' : 'fade',
'speedIn' : 300,
'speedOut' : 300,
'type' : 'iframe',
onStart : function() { return window.confirm('ต้องการลบข้อมูลรายการนี้?'); },
onClosed : function() { window.location='server_side_edit.php'; }
}); //PROFILE
}
} );
} );
</script>
<!-- fancybox -->
<!--script type="text/javascript" src="fancybox/scripts/jquery-1.4.3.min.js"></script-->
<!--script>jQuery143 = jQuery.noConflict( true );</script-->
<script type="text/javascript" src="fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="fancybox/style/style.css" />
<style>
a:link {
padding-left:.7em;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
<thead>
<tr>
<th>เลขใบสมัคร</th>
<th>คำนำหน้า</th>
<th>ชื่อ</th>
<th>นามสกุล</th>
<th>ระดับชั้น (ม.)</th>
<th>ปีการศึกษา</th>
<th>เขตพื้นที่/แผนการเรียน</th>
<th>การจัดการข้อมูล</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="8" class="dataTables_empty">Loading data from server</td>
</tr>
</tbody>
</table>
</body>
</html>
|
ประวัติการแก้ไข
2019-02-19 08:54:48
| |
|
|
| |
| Date :
2019-02-19 08:39:36 |
By :
akkaneetha |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไฟล์ serverEditProcessing.php
Code (PHP)
<?php
/* ทำการย้าย สลับ นิดหน่อย เอา id มาต่อท้าย */
$aColumns = array('IDnumber', 'Prefix', 'Fname', 'Lname', 'Level','SchYear','typeArea' , 'IDstd');
/* กำหนด primary key ให้กับคอลัมน์ */
$sIndexColumn = "IDstd";
/* ชื่อตาราง */
$sTable = "member";
/* ส่วนของการเชื่อมต่อฐานข้อมูล */
$gaSql['user'] = "root";
$gaSql['password'] = "12345678";
$gaSql['db'] = "spwr";
$gaSql['server'] = "localhost";
/* ถ้าเกิดต้องการนำเข้าแบบไฟล์ ก็ต้อง ปิดตรงส่วนการเชื่อมต่อด้านบน แล้วใช้ โค้ดด้านล่างนี้แทน */
//include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" );
/* * MySQL connection*/
$gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or
die( 'Could not open connection to server' );
mysql_select_db( $gaSql['db'], $gaSql['link'] ) or
die( 'Could not select database '. $gaSql['db'] );
/* * แบ่งหน้า */
$sLimit = "";
if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' )
{
$sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ".
mysql_real_escape_string( $_GET['iDisplayLength'] );
}
/* * จัดเรียงลำดับ */
$sOrder = "";
if ( isset( $_GET['iSortCol_0'] ) )
{
$sOrder = "ORDER BY ";
for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ )
{
if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" )
{
$sOrder .= $aColumns[ intval( $_GET['iSortCol_'.$i] ) ]."
".mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", ";
}
}
$sOrder = substr_replace( $sOrder, "", -2 );
if ( $sOrder == "ORDER BY" )
{
$sOrder = "";
}
}
$sWhere = "";
if ( isset($_GET['sSearch']) && $_GET['sSearch'] != "" )
{
$sWhere = "WHERE (";
for ( $i=0 ; $i<count($aColumns) ; $i++ )
{
$sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ";
}
$sWhere = substr_replace( $sWhere, "", -3 );
$sWhere .= ')';
}
/* เวลาค้นหาในคอลัมน์ */
for ( $i=0 ; $i<count($aColumns) ; $i++ )
{
if ( isset($_GET['bSearchable_'.$i]) && $_GET['bSearchable_'.$i] == "true" && $_GET['sSearch_'.$i] != '' )
{
if ( $sWhere == "" )
{
$sWhere = "WHERE ";
}
else
{
$sWhere .= " AND ";
}
$sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string($_GET['sSearch_'.$i])."%' ";
}
}
/**คำสั่ง SQL ดึงข้อมูลออกมาโชว์* */
$sQuery = "
SELECT SQL_CALC_FOUND_ROWS ".str_replace(" , ", " ", implode(", ", $aColumns))."
FROM $sTable
$sWhere
$sOrder
$sLimit
";
$rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error());
/* จำนวนข้อมูลหลังจากค้นหา */
$sQuery = "
SELECT FOUND_ROWS()
";
$rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error());
$aResultFilterTotal = mysql_fetch_array($rResultFilterTotal);
$iFilteredTotal = $aResultFilterTotal[0];
/* จำนวนทั้งหมด */
$sQuery = "
SELECT COUNT(".$sIndexColumn.")
FROM $sTable
";
$rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error());
$aResultTotal = mysql_fetch_array($rResultTotal);
$iTotal = $aResultTotal[0];
/* * ส่วนการแสดงผล*/
$output = array(
"sEcho" => intval($_GET['sEcho']),
"iTotalRecords" => $iTotal,
"iTotalDisplayRecords" => $iFilteredTotal,
"aaData" => array()
);
while ( $aRow = mysql_fetch_array( $rResult ) )
{
$row = array();
for ( $i=0 ; $i<count($aColumns) ; $i++ )
{
if ( $aColumns[$i] == "IDstd" ) // ถ้าเจอ collumns ที่มีชื่อว่า id ก็ ให้ แทนที่ ค่าที่จะส่งกลับไปให้ id ด้วย link ข้างล่าง
{
$IDstd = $aRow['IDstd'];
/* เมื่อมาถึงส่วนนี้ก็สามารถ ดึง เอา id ที่เป็น primary key ไปใช้ด้วยแล้ว ส่งไปค่าไปอีกหน้า หรือเขียน javascript function มารับค่าไปทำอะไรต่อ ก็ตามสบายเลยครับ*/
$row[] = "<a id='PROFILE' class='fancybox' href='pop1.php?IDstd=".$IDstd."' ><img src='media/images/view32.png' width='32' height='32' title='ดูข้อมูล' /></a>
<a id='EDIT' class='fancybox' href='pop1.php?IDstd=".$IDstd."' ><img src='media/images/edit32.png' width='32' height='32' title='แก้ไขข้อมูล' /></a>
<a id='DEL' class='fancybox' href='pop1.php?IDstd=".$IDstd."' ><img src='media/images/del32.png' width='32' height='32' title='ลบข้อมูล'/></a>" ;
}
else if ( $aColumns[$i] != ' ' )
{
/* General output */
$row[] = $aRow[ $aColumns[$i] ];
}
}
$output['aaData'][] = $row;
}
echo json_encode( $output );
?>
|
| |
|
|
| |
| Date :
2019-02-19 08:42:34 |
By :
akkaneetha |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มีใครพอให้คำแนะนำได้บ้างครับ ช่วยผมหน่อย
|
| |
|
|
| |
| Date :
2019-02-22 23:21:53 |
By :
akkaneetha |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (JavaScript)
var map ={
inArea: 'ในเขตพื้นที่',
outArea: 'นอกเขตพื้นที่',
sci-math: 'วิทยาศาสตร์-คณิตศาสตร์',
eng-math: 'ภาษาอังกฤษ-คณิตศาสตร์',
eng-china: 'ภาษาอังกฤษ-ภาษาจีน',
eng-japan: 'ภาษาอังกฤษ-ภาษาญี่ปุ่น',
general: 'ทั่วไป(ฟุตบอล)',
retail: 'ธุรกิจค้าปลีก'
}
$('#example').dataTable( {
"columnDefs": [ {
"targets": ?, // ในเครื่องหมายคำถาม กำหนด ตำแหน่งของ td
"createdCell": function (td, cellData, rowData, row, col) {
$(td).html( map[cellData]) // cellData คือข้อมูลที่ส่งมาใส่ใน td ก็คือข้อมูลจากตาราง
}
} ]
}
.....
ปล. อ่าน document เอาหน่อย แต่ละ parameter มีประโยชน์ใช้ได้อีกเยอะ
|
| |
|
|
| |
| Date :
2019-02-23 12:12:32 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
