Mostrando postagens com marcador html. Mostrar todas as postagens
Mostrando postagens com marcador html. Mostrar todas as postagens

terça-feira, 25 de agosto de 2009

Criando html helpers customizados em asp.net mvc

Como demonstrei no artigo anterior: Utilizando html helpers, neste artigo demonstro como criar html helpers customizados, podendo esse ser totalmente customizado.
Neste exemplo vou demonstrar como criar um controle que exibe um label customizado.
1º Passo: Crie uma pasta chamada Helpers na raiz do seu projeto asp.net mvc.
2º Passo: Crie uma classe dentro desta pasta, o nome é de sua escolha, a minha chamei de CustomHtmlHelpers.vb.
3º Passo: Criar o método que retorna um label de acordo com minhas configurações.
Para isso crio um método que retorna uma string que é o html gerado pela minha nova label;

Public Class CustomHtmlHelper
Public Shared Function Label(ByVal target As String, ByVal text As String) As String
Return String.Format("<label for='{0}'>{1}</label>", target, text)
End Function
End Class


4º Passo: Agora meu custom html helper já está pronto para ser utilizado, para utilizá-lo você necessita ir até a view onde deseja utilizá-lo e importar o namespace como no exemplo:

<%@ Import Namespace="Seu namespace aqui" %>

Para invocar o html helper basta invocá-lo pelo nome do método:

<%=CustomHtmlHelper.Label("txt1", "Meu label customizado")%>

Referência: http://www.asp.net/learn/mvc/tutorial-09-vb.aspx

Caracteres especiais em html

Uma coisa muito trivial em html mas que algumas vezes nos toma tempo procurando como faz são os caracteres especiais em html, por isso lanço aqui uma tabela com a maioria dos caracteres especiais utilizados no html.








Á .............. &Aacute;

á ............... &aacute;

 ................. &Acirc;

â ................ &acirc;

À ............... &Agrave;

à ............... &agrave;

Å ................. &Aring;

å ................ &aring;

à ................ &Atilde;

ã ............... &atilde;

Ä .................. &Auml;

ä ................. &auml;

Æ ................. &AElig;

æ .................. &aelig;

É ................ &Eacute;

é ............... &eacute;

Ê ................. &Ecirc;

ê ................ &ecirc;

È ................ &Egrave;

è ............... &egrave;

Ë .................. &Euml;

ë ................. &euml;

Ð ................... &ETH;

ð .................. &eth;




Í ................ &Iacute;

í ............... &iacute;

Î ................. &Icirc;

î ................ &icirc;

Ì ................ &Igrave;

ì ............... &igrave;

Ï .................. &Iuml;

ï ................. &iuml;

Ó ........... &Oacute;

ó .............. &oacute;

Ô ................ &Ocirc;

ô ................. &ocirc;

Ò .............. &Ograve;

ò ............... &ograve;

Ø ................ &Oslash;

ø ............... &oslash;

Õ ................ &Otilde;

õ ............... &otilde;

Ö .................. &Ouml;

ö ................. &ouml;




Ú .............. &Uacute;

ú ............... &uacute;

Û ................ &Ucirc;

û ................ &ucirc;

Ù ............. &Ugrave;

ù .............. &ugrave;

Ü ................. &Uuml;

ü ................. &uuml;

Ç ............... &Ccedil;

ç ............... &ccedil;

Ñ ............... &Ntilde;

ñ ............... &ntilde;

< ................. &lt;

> ................. &gt;

& ................ &amp;

" ................. &quot;

® .................. &reg;

© ............... &copy;

Ý ............ &Yacute;

ý ............ &yacute;

Þ .............. &THORN;

þ ................ &thorn;

ß ................ &szlig;