css - 更改已显示的 wicket ModalWindow 的样式

Question

我想在其中一个按钮中发生单击事件后使模态窗口透明(不透明度:0.5)。我尝试使用:

window.add(AttributeAppender.append("style","color:red; font-weight:bold")); 
or 
window.setCssClassName("custom-modal");

但是这些解决方案都不允许应用所需的样式。

任何帮助将不胜感激!

谢谢

Answer 1

可以使用ModalWindow下面的方法。

setMaskType( ModalWindow.MaskType.SEMI_TRANSPARENT );

检查示例:

            final ModalWindow modal;
            add( modal = new ModalWindow( "modal" ) );

            modal.setCookieName( "modal window" );

            modal.setResizable( false );
            modal.setAutoSize( true );
            modal.setCssClassName( ModalWindow.CSS_CLASS_GRAY );

            modal.setPageCreator( new ModalWindow.PageCreator()
            {
                @Override
                public Page createPage()
                {
                    return new alertPopup( modal );
                }
            } );

            AjaxLink backButton = new AjaxLink<Void>( "previous-button" )
            {
                @Override
                public boolean isVisible()
                {
                    return true;
                }

                @Override
                public void onClick( AjaxRequestTarget target )
                {
                    modal.setMaskType( ModalWindow.MaskType.SEMI_TRANSPARENT );
                    modal.show( target );
                }
            };