Diferencia entre revisiones de «Datagrid Simple y jquery»

De KumbiaPHP Framework Wiki
Línea 29: Línea 29:
 
<source lang="php">
 
<source lang="php">
  
 
+
<script type="text/javascript" src="http://www.datatables.net/release-datatables/media/js/jquery.js"></script>
<script type="text/javascript" src="http://www.datatables.net/release-datatables/media/js/jquery.js"></script>
+
<script type="text/javascript" src="http://www.datatables.net/release-datatables/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="http://www.datatables.net/release-datatables/media/js/jquery.dataTables.js"></script>
+
<link type="text/css" rel="stylesheet"  href="http://www.datatables.net/release-datatables/media/css/demo_page.css" />
<link type="text/css" rel="stylesheet"  href="http://www.datatables.net/release-datatables/media/css/demo_page.css" />
+
<link type="text/css" rel="stylesheet"  href="http://www.datatables.net/release-datatables/media/css/demo_table.css" />
<link type="text/css" rel="stylesheet"  href="http://www.datatables.net/release-datatables/media/css/demo_table.css" />
 
 
<?php  
 
<?php  
 
+
echo "<div id=\"datagrid\">";
 
+
echo "<table  border=\"1px\" class=\"ajax\">";
echo "<div id=\"datagrid\">";
+
echo "<thead><tr>";
echo "<table  border=\"1px\" class=\"ajax\">";
+
foreach( $Campos  as $titulo => $valor):
echo "<thead><tr>";
+
echo "<th>" . $titulo . "</th>";
foreach( $Campos  as $titulo => $valor):
+
endforeach;
echo "<th>" . $titulo . "</th>";
+
echo "</tr></thead><tbody>";
endforeach;
+
foreach( $Modelo as $model):
echo "</tr></thead><tbody>";
+
echo tr_color_class( 'tr_primary', 'tr_secondary' );
foreach( $Modelo as $model):
 
echo tr_color_class( 'tr_primary', 'tr_secondary' );
 
 
foreach($Campos as  $campos):
 
foreach($Campos as  $campos):
 
echo "<td>". $model->$campos . "</td>";
 
echo "<td>". $model->$campos . "</td>";
 
endforeach;
 
endforeach;
echo "</tr>";
+
echo "</tr>";
endforeach;
+
endforeach;
echo "</tbody></table></div>";
+
echo "</tbody></table></div>";
 
?>
 
?>
  

Revisión del 19:56 20 ago 2009

Partials para crear de forma simple un datagrid con php y algo de jquery

En el controlador

//  Se maneja todo desde la vista


En la vista

	  View::partial('datagrid/ajax', //nombre del partial
	  		false,
		 	array(	'Modelo' => Load::model('usuarios')->find(), // Paso el modelo que voy a utilizar
				'Campos' => array('Codigo' => 'id',// paso un array con los campos que quiero mostrar 
						  'Nombre' => 'nombre',
						  'Telefono' => 'telefono',
						  'Direccion' => 'direccion'))
			      )

Partials

/app/view/partials/datagrid/ajax.phtml


	<script type="text/javascript" src="http://www.datatables.net/release-datatables/media/js/jquery.js"></script>
	<script type="text/javascript" src="http://www.datatables.net/release-datatables/media/js/jquery.dataTables.js"></script>
	<link type="text/css" rel="stylesheet"  href="http://www.datatables.net/release-datatables/media/css/demo_page.css" />
	<link type="text/css" rel="stylesheet"  href="http://www.datatables.net/release-datatables/media/css/demo_table.css" />
<?php 
	echo "<div id=\"datagrid\">";
	echo "<table  border=\"1px\" class=\"ajax\">";
	echo "<thead><tr>";
		foreach( $Campos  as $titulo => $valor):
			echo "<th>" . $titulo . "</th>";
		endforeach;
	echo "</tr></thead><tbody>";
		foreach( $Modelo as $model):
			echo tr_color_class( 'tr_primary', 'tr_secondary' );
				foreach($Campos as  $campos):
					echo "<td>". $model->$campos . "</td>";
				endforeach;
			echo "</tr>";
		endforeach;
	echo "</tbody></table></div>";
?>

<script>
	$(document).ready(function() {
		$('#datagrid').dataTable();
	} );

</script>

la pagina del autor del script para jquery es http://www.datatables.net/