
Dân! Sempre quis por esta imagem! :-D
Transforme uma label editável no ASP.NET
Alguns clientes gostam de certos efeitos visuais nos formulários web, como por exemplo um campo label que quando clicado ele vira um textbox para edição do seu conteúdo e quando pressionado a tecla Enter ele salva este novo conteúdo.Este efeito da um aspecto inovador quando se fala em webform tradicional, eu mesmo gosto de ver uma interface mais rica, fica mais agradável de se usar. Eu acredito muito nisso, tanto é que na minha aplicação de gerenciador de conteúdo (
www.benjax.com.br ), eu coloquei muitas funcionalidaes usando ajax,
drag-and-drop, tudo isso para não cansar quem utliza o meu sistema, mas eu somente mudei um pouco a forma do usuário trabalhar com os dados, todos meus clientes gostaram, por isso resolvi fazer este artigo aqui, estamos falando apenas de inteface gráfica, o que fazemos no core é transparente para o usuário, ele não faz a mínima noção as vezes, e com esta técnica fica simples dar uma impressionada sem ter que alterar muito no sistema, olha como o efeito é legal:
Bom, muito papo furado, mas sei que você está ansioso pra ver como esta belezinha foi feita né? Então BORA cambada!
Primeiro segue um print da solution (usei o Visual Studio 2010, e você precisa ter o ajax da microsoft instalado)
É bem simples mesmo, nem mesmo usei banco de dados, estou salvando no cache, mas eu comentei na funcção onde poderia ter uma conexão com um banco e salvando este conteúdo em uma base, mas como este artigo é apenas para mostrar esta funcionalidade de troca de controles, coloquei no cache mesmo ;-)
O conteúdo do cs da página default.aspx também ficou bem simples:
O que ficou um pouco mais elaborado foi o edicao.js, mas eu comentei todas as linhas ;-)
Como eu comentei TODO o código, eu não tenho muito o que escrever neste artigo, logo, fica aqui o arquivo para download ;-)
Comentem, melhorem e me passem suas alterações!
Obrigado turma, estou curtindo divulgar algumas técnicas minhas. E também serve para mostrar como meu sistema de site é bacana para publicar conteúdo!