kontrola ASP.NET z widoczności CSS: ukryte, nie są pokazane na Control.Visible = true

Question

Mam kilka etykiet na mojej stronie z klasą „błędu”, reguła dla .error jest:

.error { 
    color:Red; 
    visibility:hidden  
} 

znaczniki na etykietach jest:

<asp:Label ID="lblError" runat="server" CssClass="error" ></asp:Label> 

I wtedy ustawić właściwość .text etykiety błędu w kodzie tyłu.
Jeśli używam lblError.Visible = True podczas ustawiania tekstu, etykieta nie jest wyświetlana. Jakieś pomysły, dlaczego tak się stało? Być może jestem w błędzie, ale myślałem, że ustawienie .Visible było jak ustawienie stylu widoczności?

Answer 1

Właściwość Visible wpływa na renderowanie całego elementu i nie jest związana z atrybutem widoczności CSS. Kiedy false, Widoczny, gdy zapobiega w ogóle renderowaniu HTML.

Aby zmienić atrybut css, musisz zrobić to ręcznie. Możesz to zrobić, usuwając klasę "błąd" z elementu (poprzez właściwość CssClass) lub ustawiając atrybut style = "visibility: visible" ręcznie za pomocą właściwości Attributes (ponieważ atrybut style zastępuje klasę css):

control.Attributes["style"] = "visibility: visible"; 

Answer 2

spojrzeć na tej stronie, należy wyjaśnić rzeczy: http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.webcontrol.style.aspx

Jak napisano wcześniej:

właściwość Widoczny jest po stronie serwera i określa, czy serwer będzie oddać kontrolę czy też nie (jeśli nie jest renderowany, żaden HTML nie będzie b e stworzone dla niego i nie ma go w ostatecznym wysłaniu HTML do klienta).

Właściwość Styl steruje atrybutem stylu elementu. Element zostanie wyrenderowany, ale możesz kontrolować widoczność (CSS).

Answer 3

Jesteś coraz mylić między widoczności CSS i właściwości Visible po stronie serwera kontroli. Aby lepiej to zrozumieć, zalecamy utworzenie przykładowej strony z etykietą, przełączenie właściwości widocznej między true i false i wyświetl wygenerowany kod HTML.

Co znajdziesz, jest następujące. Jak prawdziwe:

<div> 
    <label runat="server" visible="true">Hello</label> 
</div> 

odda:

Kiedy ustawiony na false, to render:

<div> 

</div>