jQuery EasyUI forma - Filtro de cuadrícula de datos desplegables (ComboGrid)

cajas componente desplegable cuadrícula de datos (Combogrid) componentes comunes, y desplegable (ComboBox) es, además de tener un panel desplegable, que se basa en la cuadrícula de datos (DataGrid) de. Desplegable cuadrícula de datos (Combogrid) los componentes se pueden filtrar, paginación, y tiene alguna función otra cuadrícula de datos (DataGrid). En este tutorial se muestra cómo filtrar los datos grabados en un componente de la red de datos desplegable (Combogrid).

Crear una cuadrícula de datos desplegable (Combogrid)

<Entrada de id = estilo "CG" = "width: 150px">
$ ( '# Cg). Combogrid ({
	panelWidth: 500,
	url: 'form5_getdata.php',
	campo ID: 'ITEMID',
	textField 'idproducto',
	Modo: 'a distancia',
	fitColumns: true,
	columnas: [[
		El campo {: 'ITEMID', título: "Identificación de artículo, anchura: 60},
		El campo {: 'idproducto', título: "Identificación de Producto ', alinee:" derecha ", ancho: 80},
		El campo {: 'Precio de la lista', título: 'Precio', alinee: "derecha", ancho: 60},
		El campo {: 'unitcost', título: "Costo unitario ', alinee:" derecha ", ancho: 60},
		El campo {: 'attr1', título: "Atributo, anchura: 150},
		El campo {: 'status', título: 'Stauts', alinee: "centro", ancho: 60}
	]]
});

Desplegable cuadrícula de datos (Combogrid) componentes deben definir 'campo ID' y la propiedad 'textField'. valores de los componentes del almacén de propiedades 'campo ID', propiedad 'textField' para mostrar el mensaje de texto en el cuadro de entrada de texto. Desplegable cuadrícula de datos componente (Combogrid) puede ser registros de filtro de modo remoto '' 'local' o. En el modo remoto (a distancia), cuando el usuario introduce un carácter en el cuadro de entrada de texto, la cuadrícula de datos desplegable (Combogrid) para enviar el parámetro 'q' en el servidor remoto.

El código de servidor

form5_getdata.php
? $ Q = isset ($ _POST [ 'q']) strval ($ _POST [ 'q']): '';

incluir 'conn.php';

$ Rs = mysql_query ( "SELECT * FROM elemento en el que itemid como"% $% q 'o idproducto como "% $% q'");
Filas $ = array ();
while ($ fila = mysql_fetch_assoc ($ rs)) {
	$ Filas [] = $ fila;
}
json_encode eco (filas $);

Descargar ejemplos de jQuery EasyUI

jeasyui-form-form5.zip