Diferencia entre revisiones de «Datagrid Simple y jquery»

De KumbiaPHP Framework Wiki
(Página creada con 'Partials para crear de forma simple un datagrid con php y algo de jquery === En el controlador === <source lang="php"> // Se maneja todo desde la vista </source> === En la ...')
 
Línea 25: Línea 25:
  
 
/app/view/partials/datagrid/ajax.phtml
 
/app/view/partials/datagrid/ajax.phtml
 +
  
 
<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>
Línea 59: Línea 62:
  
 
</source>
 
</source>
 +
 +
''la pagina del autor del script para jquery es http://www.datatables.net/''

Revisión del 19:53 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/