Arquivo da categoria: ASP.NET

Tudo sobre ASP.NET.

DataGrid sem borda no ASP.NET


Olá Pessoa,

No ASP.Net quando precisamos utilizar o componente padrão de grid (asp:datagrid), notamos que ele gera uma tabela como resultado no HTML. Por um lado isto é bom, pois segue as normas do W3C para este tipo de dado. Porém, por padrão, ele acrescenta alguns atributos na tabela, creio que para facilitar no desenvolvimento. Um destes atributo é uma borda em cada linha.

Para remover esta borde e fazer com que a nossa tabela html de resultado venha com a borda zerada “border=0”, temos que modificar uma propriedade do componente chamada GridLines para None.

Veja abaixo o código asp.net do grid antes da alteração:

<asp:DataGrid ID="grdListagem" runat="server" AutoGenerateColumns="false">
<Columns>
     <asp:BoundColumn DataField="procedimento" HeaderText="Código"></asp:BoundColumn>
     <asp:BoundColumn DataField="descricao" HeaderText="Descrição">
          <ItemStyle Width="350px" />
     </asp:BoundColumn>
</Columns>                    
<HeaderStyle CssClass="cabecalho" />
</asp:DataGrid>

E agora depois da alteração:

<asp:DataGrid ID="grdListagem" runat="server" AutoGenerateColumns="false" GridLines="None">
<Columns>
     <asp:BoundColumn DataField="procedimento" HeaderText="Código"></asp:BoundColumn>
     <asp:BoundColumn DataField="descricao" HeaderText="Descrição">
          <ItemStyle Width="350px" />
     </asp:BoundColumn>
</Columns>                    
<HeaderStyle CssClass="cabecalho" />
</asp:DataGrid>

Note que no resultado do HTML temos uma simples tabela com o atributo “border=0”.

<table rules="all" border="0" id="ctl00_grdListagem">...

Pronto. Agora podemos definir da forma que desejarmos a borda pelo CSS.

Espero que tenham gostado da dica.

Até a próxima!

Abraços, Alex.

Anúncios

Diferença entre ResolveUrl e Server.MapPath


Olá Pessoal,

Quando desenvolvemos nossas páginas em ASP.Net e utilizamos os controles para exibição de imagens, bastamos apenas adicionar o sinal de “~” na URL que o próprio .Net se encarrega de traduzir e apontar para o endereço completo da imagem.

Mas e se não utilizarmos os controles? Como fazemos para continuar com nossas URLs com o “~”?

Então, no .Net existem 2 métodos que fazem ações parecidas: um para traduzir as Urls e o outro para traduzir o path (caminho no servidor). São eles:

Page.ResolveUrl – este método foi desenhado para criar URLs amigavelmente. Por exemplo:

Page.ResolveUrl("~/_imgs/logo.png")

O retorno será:

/myapp/_imgs/logo.png

Server.MapPath – este métdod serve para procurar o caminho completo no sistema para aquele recurso. Por exemplo:

Server.MapPath("web.config")

O retorno disto será:

c:\inetpub\wwwroot\web.config

Simples não?

Até a próxima.