I just downloaded DataTables last night and I am pretty excited to see it work, but I can't seem to get my head around some things.
I have my data in mysql DB, I have set up the server_processing.php correctly, and have set the correct path. When I run my page (pagin.php) , the screen displays (a short sample)
{"sEcho":0,"iTotalRecords":"2177","iTotalDisplayRecords":"2177","aaData":[["1500000001","Jonathan","D.","Davis","U. S. Marine","34","2\/22\/2013","Kayenta","Arizona"]]}
In server_processing.php, when I comment out 'echo json_encode( $output );' and add in it's place 'echo $aRow['fname'];', the screen will display the fname column, however when trying to populate the HTML table, I am unable to get the data to display.
This is the code I have for my pagin.php
This is the server_processing script
Can someone point me in the right direction?
Thank you
Gary
I have my data in mysql DB, I have set up the server_processing.php correctly, and have set the correct path. When I run my page (pagin.php) , the screen displays (a short sample)
{"sEcho":0,"iTotalRecords":"2177","iTotalDisplayRecords":"2177","aaData":[["1500000001","Jonathan","D.","Davis","U. S. Marine","34","2\/22\/2013","Kayenta","Arizona"]]}
In server_processing.php, when I comment out 'echo json_encode( $output );' and add in it's place 'echo $aRow['fname'];', the screen will display the fname column, however when trying to populate the HTML table, I am unable to get the data to display.
This is the code I have for my pagin.php
<?php include 'server_processing.php'; //include('include/objects.php'); //include('include/jsonp.php'); $event_id = $_GET['event_id']; ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <script type="text/javascript" charset="utf-8" src="/js/jquery.js"></script> <script type="text/javascript" charset="utf-8" src="js/jquery.dataTables.js"></script> <script> $(document).ready(function() { $('#table_id').dataTable( { "bProcessing": true, "bServerSide": true, "sAjaxSource": "server_processing.php" } ); } ); </script> </head> <body> <!--<table id="table_id" class="display">--> <table id="table_id"> <thead> <tr> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <td><?php echo $aRow['1'];?></td> <td>aoColumns[fname]</td> </tr> <tr> <td>Row 2 Data 1</td> <td>Row 2 Data 2</td> </tr> </tbody> </table> <script> //$(document).ready(function() { // $('#table_id').dataTable( { // "bProcessing": true, // "bServerSide": true, // "sAjaxSource": "include/objects.php", // "aoColumns": [ // { "aaData": "fname" }, // { "mDataProp": "mi" }, // { "mDataProp": "lname" }, // { "mDataProp": "occup" }, // { "mDataProp": "age" } // ] // } ); //} ); </script> </body> </html>
This is the server_processing script
<?php /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Easy set variables */ /* Array of database columns which should be read and sent back to DataTables. Use a space where * you want to insert a non-database field (for example a counter or static image) */ $aColumns = array('vic_id', 'fname', 'mi', 'lname','occup', 'age', 'dod', 'town','state' ); /* Indexed column (used for fast and accurate table cardinality) */ $sIndexColumn = "event_id"; /* DB table to use */ $sTable = "victims"; /* Database connection information */ $gaSql['user'] = "xxxxxxxx"; $gaSql['password'] = "xxxxxxxxxx"; $gaSql['db'] = "xxxxxxxxx"; $gaSql['server'] = "xxxxxxxx"; /* REMOVE THIS LINE (it just includes my SQL connection user/pass) */ //include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * If you just want to use the basic configuration for DataTables with PHP server-side, there is * no need to edit below this line */ /* * Local functions */ function fatal_error ( $sErrorMessage = '' ) { header( $_SERVER['SERVER_PROTOCOL'] .' 500 Internal Server Error' ); die( $sErrorMessage ); } /* * MySQL connection */ if ( ! $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) ) { fatal_error( 'Could not open connection to server' ); } if ( ! mysql_select_db( $gaSql['db'], $gaSql['link'] ) ) { fatal_error( 'Could not select database ' ); } /* * Paging */ $sLimit = ""; if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) { $sLimit = "LIMIT ".intval( $_GET['iDisplayStart'] ).", ". intval( $_GET['iDisplayLength'] ); } /* * Ordering */ $sOrder = "lname"; 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] ) ]."` ". ($_GET['sSortDir_'.$i]==='asc' ? 'asc' : 'desc') .", "; } } $sOrder = substr_replace( $sOrder, "", -2 ); if ( $sOrder == "ORDER BY" ) { $sOrder = ""; } } /* * Filtering * NOTE this does not match the built-in DataTables filtering which does it * word by word on any field. It's possible to do here, but concerned about efficiency * on very large tables, and MySQL's regex functionality is very limited */ $sWhere = ""; if ( isset($_GET['sSearch']) && $_GET['sSearch'] != "" ) { $sWhere = "WHERE ("; for ( $i=0 ; $i<count($aColumns) ; $i++ ) { if ( isset($_GET['bSearchable_'.$i]) && $_GET['bSearchable_'.$i] == "true" ) { $sWhere .= "`".$aColumns[$i]."` LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR "; } } $sWhere = substr_replace( $sWhere, "", -3 ); $sWhere .= ')'; } /* Individual column filtering */ 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 queries * Get data to display */ $sQuery = " SELECT SQL_CALC_FOUND_ROWS `".str_replace(" , ", " ", implode("`, `", $aColumns))."` FROM $sTable $sWhere $sOrder $sLimit "; $rResult = mysql_query( $sQuery, $gaSql['link'] ) or fatal_error( 'MySQL Error: ' . mysql_errno() ); /* Data set length after filtering */ $sQuery = " SELECT FOUND_ROWS() "; $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or fatal_error( 'MySQL Error: ' . mysql_errno() ); $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); $iFilteredTotal = $aResultFilterTotal[0]; /* Total data set length */ $sQuery = " SELECT COUNT(`".$sIndexColumn."`) FROM $sTable "; $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or fatal_error( 'MySQL Error: ' . mysql_errno() ); $aResultTotal = mysql_fetch_array($rResultTotal); $iTotal = $aResultTotal[0]; /* * Output */ $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] == "version" ) { /* Special output formatting for 'version' column */ $row[] = ($aRow[ $aColumns[$i] ]=="0") ? '-' : $aRow[ $aColumns[$i] ]; } else if ( $aColumns[$i] != ' ' ) { /* General output */ $row[] = $aRow[ $aColumns[$i] ]; } } $output['aaData'][] = $row; //echo json_encode( $output ); //echo '1'.$output['fname']; //echo '2'.$row['fname']; echo $aRow['fname']; //echo $output['fname']; } //echo ['aaData']; ?>
Can someone point me in the right direction?
Thank you
Gary