jQuery EasyUI Data Grid - ser seleccionado datos de fila
Este ejemplo muestra cómo obtener los datos de fila seleccionados.
Data Grid (cuadrícula de datos) componente contiene dos métodos para recuperar las filas seleccionadas de los datos:
- GetSelected: GET se selecciona la primera fila de datos, si la línea no está seleccionada, se devuelve un valor nulo, de lo contrario devuelve registros.
- GetSelections: obtener todas las filas seleccionadas de los datos, devuelve un array de elementos de datos de registros.
Creación de una cuadrícula de datos (DataGrid)
<Id = clase "tt" Tabla = estilo "easyui-cuadrícula de datos" = "width: 600px; altura: 250px" url = "data / datagrid_data.json" title = "iconCls carga de datos" = "icono-Save"> <Culata en T> <Tr> <Campo Th = "Itemid" width = "80"> ID del elemento </ th> <Campo Th = "ProductID" width = "80"> Identificación del producto </ th> <Th Campo = "Precio de la lista" width = "80" align = "right"> Lista de Precios </ th> <Campo Th = "unitcost" width = "80" align = "right"> Costo unitario </ th> <= Th Campo anchura "attr1" = "150"> Atributo </ th> <Campo Th = "status" width = "60" align = "center"> Stauts </ th> </ Tr> </ Culata en T> </ Table>
Usando el demo
Obtener fila de datos seleccionado:
var fila = $ ( '# tt') cuadrícula de datos ( 'GetSelected') .; si (fila) { alert ( 'ID del artículo: "+ row.itemid +" \ nPrice: "+ row.listprice); }
Obtener itemid todas las filas seleccionadas:
ids var = []; filas var = $ ( '# tt') datagrid ( '') GetSelections .; for (var i = 0; i <rows.length; i ++) { ids.push (filas [i] .itemid); } alerta (ids.join ( '\ n'));