php – DataTables服务器端处理与链接dillemma
发布时间:2020-12-13 17:40:46 所属栏目:PHP教程 来源:网络整理
导读:我正在使用DataTables成功显示100k记录,但现在我无法添加自定义链接到表,因为使用 JavaScript生成我有点丢失. 我想要实现的是显示类似于此的链接的最后一列:a href =“index.php?edit = ID”其中id是来自db的id. 您可以看到下面使用的PHP和HTML: ?php /*
我正在使用DataTables成功显示100k记录,但现在我无法添加自定义链接到表,因为使用
JavaScript生成我有点丢失.
我想要实现的是显示类似于此的链接的最后一列:a href =“index.php?edit = ID”其中id是来自db的id. 您可以看到下面使用的PHP和HTML: <?php /* * Script: DataTables server-side script for PHP and MySQL * Copyright: 2010 - Allan Jardine * License: GPL v2 or BSD (3-point) */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 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( 'first_name','last_name','afiliere','user','parola','activ','id' ); /* Indexed column (used for fast and accurate table cardinality) */ $sIndexColumn = "id"; /* DB table to use */ $sTable = "useri"; /* Database connection information */ $gaSql['user'] = ""; $gaSql['password'] = ""; $gaSql['db'] = "_summon"; $gaSql['server'] = ""; /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * If you just want to use the basic configuration for DataTables with PHP server-side,there is * no need to edit below this line */ /* * 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'] ); /* * Paging */ $sLimit = ""; if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) { $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).",". mysql_real_escape_string( $_GET['iDisplayLength'] ); } /* * Ordering */ $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 = ""; } } /* * 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++ ) { $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 die(mysql_error()); /* Data set length after filtering */ $sQuery = " SELECT FOUND_ROWS() "; $rResultFilterTotal = mysql_query( $sQuery,$gaSql['link'] ) or die(mysql_error()); $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 die(mysql_error()); $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 ); ?> 和HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>DataTables example</title> <style type="text/css" title="currentStyle"> @import "media/css/demo_page.css"; @import "media/css/demo_table.css"; </style> <script type="text/javascript" language="javascript" src="media/js/jquery.js"></script> <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( { "bProcessing": true,"bServerSide": true,"sAjaxSource": "1.php" } ); } ); </script> </head> <body id="dt_example"> <div id="container"> <div id="demo"> <table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> <thead> <tr> <th>hjghkj</th> <th>hgjkghj</th> <th>ghjkghk</th> <th>ghjkghjk</th> <th>ghjkghjk</th> <th>ghjkghjkgh</th> <th>dfgdfgdg</th> </tr> </thead> <tbody> <tr> <td>asdasd</td> <td colspan="6" class="dataTables_empty">Loading data from server</td> </tr> </tbody> <tfoot> <tr> <th>sdfgd</th> <th>dsfgsdfgdsg</th> <th>sdfgsdfg</th> <th>sdgsdfgsdfg</th> <th>sdfgsdfgsd</th> <th>sdfgsdfgsd</th> <th>dfgdfgd</th> </tr> </tfoot> </table> </div> <div class="spacer"></div> </div> </body> </html> 解决方法
检查fnRowCallback
here.
$(document).ready(function() { $('#example').dataTable( { "fnRowCallback": function( nRow,aData,iDisplayIndex,iDisplayIndexFull ) { // Bold the grade for all 'A' grade browsers if ( aData[4] == "A" ) { $('td:eq(4)',nRow).html( '<b>A</b>' ); // You can add your link here!! //like $('td:eq(4)',nRow).html( '<a href="'+ aData[4] +'">Click Here</b>' ); } } } ); } ); aData是一个对象,它以每行为基础包含来自服务器的内容.所以在你的情况下它可能不一定是aData [4],它可能是1,2,3取决于你的id来自哪一列. 你可以在你的情况下做一个console.log(aData)来分析你的id驻留在哪一列! (你需要firebug) 同样td:eq(4)再次是您希望显示链接的列. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |