Tema: Flexigrid utilizando JSON
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/05/2012, 01:37
joanan46
 
Fecha de Ingreso: septiembre-2011
Mensajes: 87
Antigüedad: 12 años, 7 meses
Puntos: 6
Exclamación Flexigrid utilizando JSON
Hola gente, buenos estoy hasta los... del flexigrid este, llevo 2 dias intentando que me muestre todos los registros y no hay manera.

A continuacion os muestro los archivos.

Aqui donde se muestran los datos en la grid, es html.
Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  5.     <meta name="author" content="Joanan" />
  6.     <link rel="stylesheet" type="text/css" href="./css/flexigrid.css" />
  7.     <link type="text/css" href="./css/ui-lightness/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
  8.     <script type="text/javascript" src="./js/jquery-1.5.2.min.js"></script>
  9.     <script type="text/javascript" src="./js/flexigrid.js"></script>    
  10.     <!--<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>-->
  11.     <script type="text/javascript" src="./js/jquery-ui-1.8.20.custom.min.js"></script>
  12.     <title>Untitled 3</title>
  13. </head>
  14.  
  15. <body>
  16.  
  17.  
  18. <div class="flexigrid" style=" margin-left:25%; margin-top:100px;">
  19.     Taula
  20.     <table id="flex" style="display:none">
  21.     </table>
  22. </div>
  23.  
  24. <script type="text/javascript">  
  25.  
  26. $(document).ready(function() {
  27.     $("#flex").flexigrid({
  28.         url: 'postjson.php',
  29.         dataType: 'json',
  30.         colModel : [
  31.             {display: 'CIF', name : 'cif', width : 150, sortable : true, align: 'left'},
  32.             {display: 'NOM', name : 'nom', width : 150, sortable : true, align: 'left'},
  33.             {display: 'PAIS', name : 'pais', width : 20, sortable : true, align: 'center'}
  34.             ],
  35.         searchitems:[           
  36.             {display: 'CIF', name : 'cif', isdefault: true},
  37.             {display: 'NOM', name : 'nom'},
  38.             {display: 'PAIS', name : 'pais'}                   
  39.             ],     
  40.         sortname: "nom",
  41.         sortorder: "desc",
  42.         title: 'Equips',
  43.         width: 450,
  44.         useRp: true,
  45.         rp: 5,
  46.         usepager: true,
  47.         showTableToggleBtn: true,
  48.         height: 600
  49.     
  50.     });
  51. });
  52.  
  53. </script>
  54. </body>
  55. </html>

Aqui el archivo postjson.php, donde indica el codigo javascript
Código PHP:
<?php
header("Content-type: application/json");
include ('GestorBD.php'); 

/**
 * @author Joanan 
 * @copyright 2012
 */


//Connect to Oracle database
$DB = new GestorBD();


$page = isset($_POST['page']) ? $_POST['page'] : 1;
$rp = isset($_POST['rp']) ? $_POST['rp'] : 10;
$sortname = isset($_POST['sortname']) ? $_POST['sortname'] : 'cif';
$sortorder = isset($_POST['sortorder']) ? $_POST['sortorder'] : 'desc';
$query = isset($_POST['query']) ? $_POST['query'] : false;
$qtype = isset($_POST['qtype']) ? $_POST['qtype'] : false;


$sortSql = "order by $sortname $sortorder";


$where = "";
if ($query) $where = " WHERE $qtype LIKE '%".$DB->qstr($query)."%' ";

$sql = "select count(*)
from equip";
$recordSet = $DB->getConsulta($sql); 
$total = $recordSet->fields[0];

$pageStart = ($page-1)*$rp;

$data = array();
$data['page'] = $page;
$data['total'] = $total;
$data['rows'] = array();

$sql = "select ROWNUM as rn, e.equ_cif as CIF, e.equ_nom as NOM, e.equ_seu as NSEU
        from equip e, pais p 
        $where";
$sql2 = "select * from (".$sql.") where rn between $pageStart and $rp $sortSql";


$jsonData = array('page'=>$page,'total'=>$total,'rows'=>array());

$recordSets = $DB -> getConsulta($sql2);
while (!$recordSets->EOF) {
    $entry = array( 'cif' => $recordSets->fields["CIF"],
                    'cell' => array('cif'=>$recordSets->fields["CIF"], 
                                    'nom'=>$recordSets->fields["NOM"], 
                                    'pais'=>$recordSets->fields["NSEU"]),
            );
    
    $jsonData['rows'][] = $entry;
    $recordSets->MoveNext();
    
}

echo json_encode($jsonData);


?>
Haciendo pruebas, ejecuto el postjson.php y me muestra el array completito y correcto.

En el html creo que es donde tengo el problema, pero llevo 2 dias sin encontrarlo, resulta que en el codigo javascript, en la funcion flexigrid donde pone colModel, por probar le puse collModel con dos "l" y me mostraba la grid pero vacia.

Es muy raro, estoy con el credito de sintesi y me cago en todo.

Agradezco toda ayuda!!!