GWT Internet Explorer ListBox问题(下拉项目被切断)

时间:2014-01-15 14:24:34

标签: gwt

我有一个GWT下拉列表框,它在下拉列表中自动展开下拉列表,以显示FF和Chrome中的长列表项。但是,IE不会动态调整大小,因此下拉列表会显示切碎的项目。

1 个答案:

答案 0 :(得分:1)

有一种方法

    listBox.addMouseDownHandler(new MouseDownHandler()
    {
        @Override
        public void onMouseDown(MouseDownEvent event)
        {
            listBox.addStyleName("expand");
        }
    });

    listBox.addBlurHandler(new BlurHandler()
    {
        @Override
        public void onBlur(BlurEvent event)
        {
            listBox.removeStyleName("expand");
            listBox.addStyleName("normal");
        }
    });
    listBox.addChangeHandler(new ChangeHandler()
    {
        @Override
        public void onChange(ChangeEvent event)
        {
            listBox.removeStyleName("expand");
            listBox.addStyleName("normal");
        }
    });

.normal
{
width=200px;
}

.expand > option
{
width : auto;
}

简单来说,在查看选项时将宽度设置为自动,否则将其设置为默认值。