1. Home
  2. jQuery EasyUI Data Grid - establece el tipo

El mejor tutorial de jQuery EasyUI Data Grid - establece el tipo en 2024. En este tutorial podrás aprender Descargar ejemplos de jQuery EasyUI,

jQuery EasyUI Data Grid - establece el tipo

Este ejemplo muestra cómo ordenar la lista de cuadrícula de datos (DataGrid) haciendo clic en el encabezado.

Cuadrícula de datos (DataGrid) de todas las columnas pulsando en el encabezado para ordenar la lista. Se pueden definir las columnas que se pueden ordenar. Por defecto, la columna no se puede ordenar a menos que establezca la propiedad puede ordenar a la verdadera.

Creación de una cuadrícula de datos (DataGrid) 

	<Id = clase "tt" Tabla = estilo "easyui-cuadrícula de datos" = "width: 600px; altura: 250px"
			url = "datagrid8_getdata.php"
			title = "iconCls carga de datos" = "icono de guardado"
			rownumbers = "true" paginación = "true">
		<Culata en T>
			<Tr>
				<Campo Th = "Itemid" width = "80" ordenable = "true"> ID del elemento </ th>
				<= Th Campo anchura "ProductID" = "80" ordenable = "true"> Identificación del producto </ th>
				<Th Campo = "Precio de la lista" width = "80" align = "right" ordenable = "true"> Lista de Precios </ th>
				<Campo Th = "unitcost" width = "80" align = "right" ordenable = "true"> Costo unitario </ th>
				<= Th Campo anchura "attr1" = "150"> Atributo </ th>
				<Campo Th = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ Culata en T>
	</ Table>

Definimos algunas columnas que se pueden ordenar contienen itemid, idproducto, Precio de la lista, unitcost gusta. la columna 'attr1' y la columna "estado" no pueden ser ordenadas.

Al ordenar la cuadrícula de datos (DataGrid) envía dos argumentos al servidor remoto:

  • para ordenar: ordenar la lista de nombres de campo.
  • orden: Ordenar, puede ser 'ASC' o 'desc', el valor por defecto es 'ASC'.

El código de servidor 

	? $ Página = isset ($ _POST [ "página"]) intval ($ _POST [ "página"]): 1;
	? $ Rows = isset ($ _POST [ 'filas']) intval ($ _POST [ 'filas']): 10;
	? $ = Ordenar isset ($ _POST [ 'tipo']) strval ($ _POST [ 'tipo']): 'ITEMID';
	? $ = Orden isset ($ _ [ 'orden'] POST) strval ($ _ [ 'orden'] POST): 'ASC';
	$ Offset = ($ página-1) * $ filas;
	
	$ Resultado = array ();
	
	incluir 'conn.php';
	
	$ Rs = mysql_query ( "select count (*) de la partida");
	$ Fila = mysql_fetch_row ($ rs);
	$ Result [ "total"] = $ fila [0];
	
	$ Rs = mysql_query ( "SELECT * FROM orden de los elementos de tipo límite de $ $ $ para compensar, $ filas");
	
	Los artículos $ = array ();
	while ($ fila = mysql_fetch_object ($ rs)) {
		array_push (items $, $ fila);
	}
	$ Result [ "filas"] = $ items;
	
	json_encode echo ($ resultado);

Descargar ejemplos de jQuery EasyUI

jeasyui-datagrid-datagrid8.zip

Hot Tutorials

Contact US

jQuery EasyUI Data Grid - establece el tipo
10/30