Arquivos da categoria: JQuery

Ordenamento por Data no DataTables

Logo do DataTables plugin jQuery

O DataTables é hoje uma dos plugin jQuery mas utilizado por resolver ordenamento e paginação de forma automática. Mas em qualquer ferramenta que tente fazer ordenamento sem reflection, ocorre um problema que é a identificação automática do tipo de dados da coluna ou lista ordenada.
Isto ser torna um problema no seguinte caso:

  • 01/02/2015
  • 02/01/2015
  • 03/12/2014
Na lista acima as datas estão ordenadas como “string”.
Por padrão, o plugin do dataTables reconhece automáticamente os tipos “string”, “numeric”, e, “date” , mas todos em formato americano.

Para burlar este problema, é possível criar um tipo de dado extendendo a api do jQuery (Clique em Result para ver o resultado ):

Você pode testar o código acima no JsFiddle.

Gráfico pizza com jQuery e CSS

Ja vi muitos sites precisarem fazer uso de plugins que criam applets para gerar gráficos, o problema é que além da necessidade de ter a JVM instalada no cliente para o funcionamento, ainda precisa estar atualizada para que o usuário não tenha que ver a notificação de segurança, que gera desconfiança.
Abaixo esta o código do plugin jquery para criação de gráfico do tipo pizza com CSS, que é bem mas leve que uma applet, e não depende de uma máquina virtual instalada.
OBS: Para o funcionamento, é preciso ter a lib jQuery ( downoad ).
Link do projeto no github

Exemplo de uso:

Teste o código aqui

Resultado:

Como desabilitar componentes com jQuery

Desabilitar componentes

Sempre tive problemas em aplicações desktop com operações demoradas quando o usuário clicava no botão e como o processamento demorava ele continuava a clicar ate obter a resposta esperada. Este procedimento vai no mínimo sobrecarregar o seu banco de dados com muitas requisições de um mesmo usuário para o mesmo serviço.

Resolvendo o problema

Uma possível solução para este problema é desabilitar o componente/botão assim que ele for clicado e quando a rotina terminar, habilita-se novamente este botão.

Exemplos com jQuery:

Documentação do jQuery sobre a opção attr: https://api.jquery.com/attr/