FloatPanel上的DatePickers

Question

我需要在行中放置几个​​DatePicker小部件。如果没有足够的宽度放置所有这些，则其余小部件将移至下一行。这是默认的HTML布局行为。所以我试图使用FlowPanel。使用任何其他小部件（按钮，标签，...）一切正常，但DatePickers将一个小部件放置到该行。这是代码

    FlowPanel panel = new FlowPanel();      
    DatePicker picker1 = new DatePicker();
    DatePicker picker2 = new DatePicker();      

    panel.add(picker1);
    panel.add(picker2);

    RootPanel.get().add(panel);

有什么建议可以解决这个问题吗？ 感谢。

Answer 1

DatePicker的根元素是table，所以你必须给它一个display: inline-table样式，或者把它放在一个display: inline-block样式的元素中。 / p>

以下内容不应破坏DatePicker的任何其他用途，但不会在IE 6或7中有效;这是可能工作的最简单的事情：

.gwt-DatePicker { display: inline-table; }

如果您确实需要IE 6/7支持，可以在CssResource中尝试以下操作：

@if user.agent ie6 {
   .gwt-DatePicker { display: inline; }
}
@else {
   .gwt-DatePicker { display: inline-table; }
}