Forgot Password ??

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

	Registered : 109,038

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

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

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

Geng

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

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

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

Tag : PHP, MySQL, HTML, CSS, jQuery

Date : 2019-02-19 03:52:10

By : akkaneetha

View : 2073

Reply : 5

No. 1

Chaidhanan

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

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

Date : 2019-02-19 07:06:24

By : Chaidhanan

No. 2

Geng

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

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

Geng

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

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

Geng

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

มีใครพอให้คำแนะนำได้บ้างครับ ช่วยผมหน่อย

Date : 2019-02-22 23:21:53

By : akkaneetha

No. 5

Chaidhanan

โพสกระทู้ ( 9,590 )
บทความ ( 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 ให้อยู่ในรูปแบบข้อความที่เข้าใจได้ จะทำได้มั้ยครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038

No. 1

No. 2

No. 3

No. 4

No. 5

ค้นหาข้อมูล

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

Notice