Server Side ListBox Sichtbarkeit mit C # und ASP.NET

Question

Ich bin daran interessiert, ein „Onmouseover“ Ereignisses bei der Verwendung einer ListBox erscheinen und verschwinden zu lassen. Ich bin ziemlich neu mit ASP.NET und ich will nicht Javascript schreiben nur noch. Ich versuche, den folgenden Code zu verwenden, und die Farbänderung Teil davon funktioniert, aber die Listbox Sicht nicht funktioniert:

if (! IsPostBack)             {                 Button2.Attributes.Add ( "onmouseover", "this.style.backgroundColor = 'Red', ListBox3.style.visibility = 'sichtbar'");             }

        if (!IsPostBack)
        {
            Button2.Attributes.Add("onmouseout", "this.style.backgroundColor='Blue', ListBox3.style.visibility='hidden'");
        }

Ich habe diesen Code versucht, mit und ohne „Postback“, und noch kein Glück. Hat jemand sehen, wo mein Code mir versagt?

Danke,

DFM

Answer 1

Versuchen:

    if (!IsPostBack)
    {
        btnHide.Attributes.Add("onmouseout", "this.style.backgroundColor='Blue';ListBox3.style.display='none'");
        btnShow.Attributes.Add("onmouseover", "this.style.backgroundColor='Red';ListBox3.style.display='block'");
    }

Die Sichtbarkeit Eigenschaft funktioniert ein wenig anders als die Anzeigeeigenschaft. Wenn die Sichtbarkeit Eigenschaft auf ‚versteckten‘ das Element ausgeblendet ist aber das Layout ist nicht betroffen, während, wenn die Anzeige-Eigenschaft auf ‚none‘ Einstellung entfernt das Element vollständig, welches Layout beeinflussen kann.

Wenn Sie nicht möchten, um die Sichtbarkeit der Liste ändern ohne zu beeinflussen das Layout, das Sie einen div als Wrapper verwenden und dann die Sichtbarkeit Eigenschaft ändern.

<div id="wrapper">          
    <asp:ListBox ID="ListBox3" runat="server"></asp:ListBox>            
</div>
<asp:Button ID="btnShow" runat="server" Text="Button" />
<asp:Button ID="btnHide" runat="server" Text="Button" />

die ASPX Ändern Sie die Sichtbarkeitseigenschaft des div-Elements auszuwählen, die das Listenfeld enthält.

if (!IsPostBack)
{
    btnHide.Attributes.Add("onmouseout", "this.style.backgroundColor='Blue';wrapper.style.visibility='hidden'");
    btnShow.Attributes.Add("onmouseover", "this.style.backgroundColor='Red';   wrapper.style.visibility='visible'");
}