jQuery EasyUI Data Grid - Adicionar componente de paginação
Este exemplo demonstra como carregar dados a partir do servidor, como adicionar componente abas (paginação) para a rede de dados (grade de dados).
Criando uma grade de dados (DataGrid)
Para carregar dados de um servidor remoto, você deve definir a propriedade 'url' em seu servidor deve retornar dados JSON formatados. Ver Data Grid documentação (datagrid) para obter mais informações sobre o formato de dados sobre ele.
<Table id = class "tt" = "easyui-datagrid" style = "width: 600px; height: 250px" url = "datagrid2_getdata.php" title = "carregar os dados" iconCls = "icon-save" rownumbers = "true" paginação = "true"> <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>
Nós definimos a coluna Data Grid (grade de dados), e defina a propriedade 'paginação' é verdade, ele irá gerar uma barra de ferramentas da página (paginação) na parte inferior da grade de dados (datagrid) de. pagination vai enviar dois parâmetros para o servidor:
- página: número da página valor 1 partida.
- linhas: linhas por página.
código do lado do servidor
? $ Página = isset ($ _ POST [ 'page']) intval ($ _ POST [ 'page']): 1; ? $ Rows = isset ($ _ POST [ 'fileiras']) intval ($ _ POST [ 'fileiras']): 10; // ... $ Rs = mysql_query ( "select count (*) a partir do item"); $ Row = mysql_fetch_row ($ rs); $ Result [ "total"] = $ row [0]; $ Rs = mysql_query ( "SELECT * FROM limite de itens $ offset, $ linhas"); $ Items = array (); while ($ linha = mysql_fetch_object ($ rs)) { array_push ($ itens, $ linha); } $ Result [ "linhas"] = $ items; json_encode echo ($ resultado);