Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,933

HOME > PHP > PHP Forum > อยากจะแทนค่าที่แสดงใน Datatable จากค่าใน Database ให้อยู่ในรูปแบบข้อความที่เข้าใจได้ จะทำได้มั้ยครับ



 

อยากจะแทนค่าที่แสดงใน Datatable จากค่าใน Database ให้อยู่ในรูปแบบข้อความที่เข้าใจได้ จะทำได้มั้ยครับ

 



Topic : 133162



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



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



datatable

จากรูป ในคอลัมน์ เขตพื้นที่/แผนการเรียน จะเป็นค่าที่อยู่ในฐานข้อมูลครับ แล้วแสดงผลด้วย Datatable server-side แล้วที่นี้ ต้องการจะแทนค่าค่าเหล่านั้นด้วยข้อความที่ผู้ใช้สามารถเข้าใจได้ครับ

พอมีแนบทาง คำแนะนำ หรือตัวอย่างให้ศึกษาบ้างมั้ยครับ



Tag : PHP, MySQL, HTML, CSS, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-02-19 03:52:10 By : akkaneetha View : 310 Reply : 5
 

 

No. 1



โพสกระทู้ ( 7,977 )
บทความ ( 2 )



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


ได้ครับ เอาโค๊ดมาลง และ ตัวอย่าง map ข้อความที่จะเปลี่ยน
จะได้ช่วยแก้ไข






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-02-19 07:06:24 By : Chaidhanan
 


 

No. 2



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



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

ไฟล์ 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
 

 

No. 3



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



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

ไฟล์ 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
 


 

No. 4



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



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

มีใครพอให้คำแนะนำได้บ้างครับ ช่วยผมหน่อย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-02-22 23:21:53 By : akkaneetha
 


 

No. 5



โพสกระทู้ ( 7,977 )
บทความ ( 2 )



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


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
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : อยากจะแทนค่าที่แสดงใน Datatable จากค่าใน Database ให้อยู่ในรูปแบบข้อความที่เข้าใจได้ จะทำได้มั้ยครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่