Um problema muito comum para desenvolvedores modernos de interface da web é a exibição de camadas em um DropDownListBox. O DropDownListBox sempre deseja ser exibido na parte superior de qualquer outro controle ou camada na página. Isso ocorre porque o DropDownListBox é na verdade um controle do sistema e não algo controlado pelo navegador.
Há um método comum para controlar esse comportamento que muitos não estão cientes e envolve envolver o DropDownListBox em uma tag Div e usando algum JavaScript para controlar o comportamento de exibição.
Recentemente, cheguei a uma situação em que precisava exibir uma camada como uma caixa de diálogo de modelo no topo da minha página da web. A camada de diálogo não esconderia um DropDownListBox que estivesse posicionado diretamente atrás dela.
Ocultando o DropDownListBox
Ocultar o DropDownListBox envolve envolvê-lo em um DIV ou talvez uma tag SPAN, dependendo de suas preferências. No meu caso, também registro um script de inicialização porque minha caixa de diálogo modal é exibida quando a página é carregada, mas você poderia apenas adicionar isso como um método JavaScript normal. No JavaScript, você precisa definir a visibilidade do Div como oculto.
<
div id =”dlWrapperLayer”> < asp : DropDownList ID =’ddlMyList’ runat =’server’> asp : DropDownList > div >
O registro do script de inicialização é feito no código subjacente.
IfMe.ClientScript.IsStartupScriptRegistered( ‘ShowModalDialog’ )=FalseThenDim sb AsNovo StringBuilder
sb.Append (
‘document.all [‘ModalDialogLayer’]. style.visibility=’visible’; document.all [‘PopUpBackGround’]. style. height=1500; document.all [‘PopUpBackGround’]. style.width=window.screen.availWidth; document.all [‘PopUpBackGround’]. style.visibility=’visible’; document.all [‘dlWrapperLayer’]. style.visibility=’hidden’;’ ) Me .ClientScript.RegisterStartupScript ( GetType (printcopyfax), ‘ShowModalDialog’ , sb.ToString, True) Fim Se
tentarei me lembrar de escrever uma entrada sobre como fazer um diálogo modal em breve, então não se preocupe.
Exibir novamente o DropDownListBox
Eu tenho um botão na minha camada de diálogo para fechá-lo ou, essencialmente, ocultá-lo da visualização. Aproveito o manipulador de eventos onclick para exibir novamente a caixa de lista drowdown.
< input id =’cbDontShow’ valor =’Reconheço’ digite =’button’ accesskey =’S’ title =’Mensagem de reconhecimento.’ runat =’servidor’ onclick =’document.all [‘ModalDialogLayer’]. style.visibility=’hidden’; document.all [‘dlWrapperLayer’]. style.visibility=’visible’; document.all [‘PopUpBackGround’]. style.visibility=’hidden’;’ /> td >
Esperamos que isso seja útil para você no futuro.
