No artigo de hoje iremos apresentar o GridPlugins, vamos ver como eles podem melhorar o grid de sua aplicação ExtJS.
Introdução
O Grid Panel é um dos componentes mais poderosos do framework Ext JS. Ele tem muitos recursos e plugins integrados que permitem aos desenvolvedores exibir dados de várias maneiras.
Um recurso interessante do Grid Panel é o recurso Agrupamento. Esse recurso permite agrupar os dados da loja e exibir resumos por grupo e por loja; no entanto, é limitado a apenas um nível de agrupamento.
O plugin Filters é outro recurso interessante. Você pode adicionar entradas de menu aos cabeçalhos do Grid para que o usuário final possa filtrar os dados do Grid. Isso pode ser muito útil. Percebemos que às vezes os usuários querem resultados mais rápidos com o mínimo de cliques, o que explicarei nesta postagem do blog, incluindo como o agrupamento e a filtragem podem ser aprimorados.
O que é o GridPlugins?
mzSolutions , um parceiro da Sencha, cria poderosos componentes JavaScript para a estrutura Ext JS para ajudar a potencializar seus aplicativos de negócios da Web e móveis, incluindo GridPlugins.
O pacote GridPlugins contém plugins e funcionalidades que irão melhorar o painel Ext JS Grid (visite o site mzSolutions para saber como comprar GridPlugins).
Para usar o pacote no seu aplicativo, você precisa incluí-lo em seu arquivo app.json como este:
Na versão atual, o pacote funciona apenas com o kit de ferramentas clássico em todas as versões 6.x do Ext JS. Uma versão moderna do kit de ferramentas estará disponível ainda este ano.
Recurso MultiGrouping
O recurso do Grid MultiGrouping permite que o Painel do Grid exiba os dados da Loja agrupados por vários agrupadores. Aqui está um exemplo do que parece:
E esta é a definição de classe:
No exemplo acima, você pode ver que o armazenamento do Grid foi configurado com dois agrupadores e algumas colunas de Grid são configuradas com a configuração groupable definida como true. Para as colunas agrupáveis, o menu de cabeçalho é aprimorado para permitir que os usuários alterem o agrupamento em tempo real:
Os usuários podem substituir o agrupamento completamente escolhendo “Agrupar por este campo” ou podem adicionar essa dimensão ao agrupamento existente escolhendo “Adicionar ao agrupamento”. Há também a possibilidade de expandir ou recolher todos os grupos existentes no Grid.
Recurso MultiGrounpingSummay
Resumos devem ser definidos no modelo Store como este:
Como você pode ver, você pode definir a posição dos resumos dos grupos e do resumo geral e ficará assim:
Os resumos dos grupos podem ser exibidos na parte superior ou na parte inferior do grupo. O resumo geral pode ser o primeiro no Grid, o último no Grid ou encaixado na parte superior ou inferior do Grid.
Plugin GroupingPanel
Esse plug-in permite que seus usuários finais arrastem e soltem colunas do Grid na seção do painel de agrupamento que está visível acima do painel do Grid.
O usuário pode mover as dimensões no painel de agrupamento na ordem que deseja
Sumários de plugin
Este plugin permitirá que seus usuários finais alterem a função de resumo nas colunas do Grid.
As funções de resumo disponíveis em uma coluna do Grid são personalizáveis. Você precisa fornecer uma configuração para sua coluna do Grid, da seguinte maneira:
Se você quiser ter sua própria função de resumo usada nessa coluna, então você precisa configurá-la assim:
Em seguida, implemente uma classe para sua própria função de resumo, assim:
Plugin FilterBar
Este plug-in adicionará uma barra encaixada nos cabeçalhos da Grid e, dependendo da configuração das colunas do Grid, serão adicionados campos de filtro.
Recursos Adicionais
Se você quiser saber mais sobre o mzSolutions e seu produto comercial GridPlugins, siga estes links:
Atualmente, é quase impossível imaginar nossa rotina sem os smartphones que se tornaram uma parte crucial de nossas vidas. Em uma pesquisa feita pela FGV, só o Brasil tem 424 milhões de dispositivos digitais em uso. E à medida que surgem mais novidades e utilidades para esses dispositivos, a busca por tecnologias mais avançadas e […]
Quando se trata de aprimorar a integração e o suporte de registro em sua aplicação, é fundamental concentrar-se na otimização dos testes de desenvolvimento e integração. Nesse contexto, a tecnologia sencha se destaca como uma ferramenta indispensável. Ao oferecer recursos abrangentes para o desenvolvimento e teste de aplicativos da web e móveis, a tecnologia sencha […]
Na busca pelo fornecedor ideal para impulsionar seu negócio, entender as melhores práticas e modelos que se alinham às necessidades específicas da sua empresa é crucial. Esse princípio é ainda mais relevante quando se trata do desenvolvimento de software intuitivo e personalizado. Muitos associam a ideia de desenvolvimento de software a uma fábrica de software, […]
Você sabia que a metodologia ágil é o que guia as ações das empresas para melhorar seus resultados e o aumento na produtividade? A utilização de uma metodologia ágil contribui na gestão e impulso à inovação nas companhias, a partir de um modelo de fácil implementação em projetos e processos. Este método prioriza a eficiência, […]
Daniel da Cunha Bueno
Atualmente como Sencha MVP Senior Software Enginer em aplicações web e mobile (#C,Sencha Ext JS, Xamarin).