Grid de Dados | Blog sobre desenvolvimento mobile e Web

JsGrid – Integrando e Utilizando com AngularJS (Parte 2 – Multi idioma e campo customizado)

Tags: AngularJS, Grid de Dados, Implementar Grid de Dados, Javascript, JQuery, jsGrid|

Olá Pessoal,O JsGrid é um componente de grid que foi desenvolvido para trabalhar nativamente com o Jquery, mas não se preocupem eu criei uma diretiva para permitir a utilização dele com Angular JS.A diretiva pode ser baixada junto com o código fonte que disponibilizo no final da descrição ou então acessando a minha página no GitHub.Neste segundo vídeo vou apresentar as funcionalidades:1- Grid Multi idioma2- Criação de campo customizado (Campo do tipo Data)

JsGrid – Integrando e Utilizando com AngularJS (Parte1)

Tags: AngularJS, Grid de Dados, Implantar Grid de Dados, Javascript, JQuery, jsGrid|

Olá Pessoal,após duas séries sobre componentes de grids (UI Grid e BootStrap Table), agora é a vez de apresentar a série sobre JsGrid, outro componente de grid que recomendo para utilizarem em seus Apps.Este componente foi desenvolvido para trabalhar nativamente com o Jquery, mas não se preocupem eu criei uma diretiva para permitir a utilização dele com Angular JS.A diretiva pode ser baixada junto com o código fonte que disponibilizo no final da descrição ou então acessando a minha página no GitHub.No primeiro vídeo desta nova série vou apresentar as funcionalidades:1- Carregando dados estáticos na Grid 2- Carregando dados a partir de requisição Ajax 3- Ordenação de colunas 4- Filtro de dados (Pesquisa de dados na grid)Eu espero que gostem deste vídeo sobre Integrando e Utilizando JsGrid com AngularJS

GRID – BootStrap Table com Angular JS – Final

Tags: AngularJS, Bootstrap, BootStrap Table, Grid de Dados, Implantar Grid de Dados, Javascript|

Olá Pessoal, neste terceiro e último vídeo da série Bootstrap Table com AngularJs, dou continuidade a explicação sobre as funcionalidades principais deste componente de grid.Este componente de grid foi desenvolvido para trabalhar nativamente com o BootStrap UI e o Jquery, no entanto fazendo algumas pesquisas na internet eu encontrei uma diretiva que nos permite usar o BootStrap Table em conjunto com o AngularJS.O BootStrap Table, diferente do UI-GRID trabalha com extensões, o que nos permite agregar funcionalidades ao GRID de forma rápida e com poucas linhas de código. Além disso, o bootStrap Table possui uma aparência mais agradável aos olhos dos usuários.No vídeo de hoje vou apresentar as funcionalidades:1- Formatação de colunas e rodapé 2- Edição de dados

GRID – BootStrap Table com Angular JS – Parte 2

Tags: Angular, AngularJS, Bootstrap, BootStrap Table, Componente de Grid, Grid de Dados, Javascript|

Olá Pessoal, venho apresentar a vocês uma nova série, agora para falar sobre o componente BootStrap Table. Este componente de grid foi desenvolvido para trabalhar nativamente com o BootStrap UI e o Jquery, no entanto fazendo algumas pesquisas na internet eu encontrei uma diretiva que nos permite usar o BootStrap Table em conjunto com o AngularJS.O BootStrap Table, diferente do UI-GRID trabalha com extensões, o que nos permite agregar funcionalidades ao GRID de forma rápida e com poucas linhas de código. Além disso, o BootStrap Table possui uma aparência mais agradável aos olhos dos usuários.No vídeo de hoje vou apresentar as funcionalidades:1- Barra de ferramentas 2- Seleção de Linhas 3- Paginação 4- Exportação 5- IdiomaEu espero que gostem deste vídeo sobre BootStrap Table. Aguardem o vídeo Parte 3 (Final)Fiquem à vontade para fazerem comentários, sugestões e compartilhar o vídeo com seus amigos.

GRID – BootStrap Table com Angular JS – Parte 1

Tags: Angular, AngularJS, Bootstrap, BootStrap Table, Componente de Grid, Grid de Dados, Javascript|

GRID - BootStrap Table com Angular JS - Parte 1Olá Pessoal, venho apresentar a vocês uma nova série, agora para falar sobre o componente BootStrap Table. Este componente de grid foi desenvolvido para trabalhar nativamente com o BootStrap UI e o Jquery, no entanto fazendo algumas pesquisas na internet eu encontrei uma diretiva que nos permite usar o BootStrap Table em conjunto com o AngularJS.O BootStrap Table, diferente do UI-GRID trabalha com extensões, o que nos permite agregar funcionalidades ao GRID de forma rápida e com poucas linhas de código. Além disso, o BootStrap Table possui uma aparência mais agradável aos olhos dos usuários.No vídeo de hoje vou apresentar as funcionalidades:1- Grid com dados estáticos 2- Grid com dados vindos do servidor (Formato Json) 3- Estilo CSS 4- Ordenação de colunas (Simples e Múltipla) 5- Ajuste automático de tamanho 6- Filtro Simples e CompostoEu espero que gostem deste primeiro vídeo sobre BootStrap Table.Fiquem à vontade para fazerem comentários, sugestões e compartilhar o vídeo com seus amigos.

Anterior 1 2 3 Próximo