jQuery EasyUI Data Grid - selecionado dados de linha
Este exemplo demonstra como obter os dados da linha selecionados.
Data Grid (grade de dados) componente contém dois métodos para recuperar as linhas selecionadas de dados:
- getSelected: se a primeira linha de dados é selecionado, se a linha não estiver selecionada, ele retorna null, caso contrário ele retorna registros.
- GetSelections: obter todas as linhas selecionadas de dados, retorna uma matriz de elementos de dados registros.
Criando uma grade de dados (DataGrid)
<Table id = class "tt" = "easyui-datagrid" style = "width: 600px; height: 250px" url = "Dados / datagrid_data.json" title = "carregar os dados" iconCls = "icon-salvar"> <Thead> <Tr> <Field Th = "ItemId" width = "80"> Item ID </ th> <Field Th = "ProductID" width = "80"> ID do produto </ th> <Th campo = "ListPrice" width = "80" align = "right"> Listar preço </ th> <Field Th = "unitcost" width = "80" align = "right"> Custo Unitário </ th> <Th campo = largura "attr1" = "150"> Atributo </ th> <Field Th = "status" width = "60" align = "center"> Stauts </ th> </ Tr> </ Thead> </ Table>
Usando a demonstração
Obter linha de dados selecionado:
var row = $ ( '# tt') datagrid ( 'getSelected') .; if (row) { alert ( 'ID do artigo:' + row.itemid + "\ nPrice:" + row.listprice); }
Obter itemid todas as linhas selecionadas:
var ids = []; var linhas = $ ( '# tt') datagrid ( 'GetSelections') .; for (var i = 0; i <rows.length; i ++) { ids.push (linhas [i] .itemid); } alert (ids.join ( '\ n'));