Gwt 浮动面板上的日期选择器
我需要在行中放置几个DatePicker小部件。如果没有足够的宽度来放置所有的小部件,其余的小部件将移到下一行。这是默认的HTML布局行为。所以我尝试使用FlowPanel。对于任何其他小部件(按钮、标签等),一切正常,但日期选择器放置在一个小部件的行中。这是密码Gwt 浮动面板上的日期选择器,gwt,datepicker,panel,Gwt,Datepicker,Panel,我需要在行中放置几个DatePicker小部件。如果没有足够的宽度来放置所有的小部件,其余的小部件将移到下一行。这是默认的HTML布局行为。所以我尝试使用FlowPanel。对于任何其他小部件(按钮、标签等),一切正常,但日期选择器放置在一个小部件的行中。这是密码 FlowPanel panel = new FlowPanel(); DatePicker picker1 = new DatePicker(); DatePicker picker2 = new
FlowPanel panel = new FlowPanel();
DatePicker picker1 = new DatePicker();
DatePicker picker2 = new DatePicker();
panel.add(picker1);
panel.add(picker2);
RootPanel.get().add(panel);
有什么解决这个问题的建议吗?
谢谢。
DatePicker
的根元素是一个表
,因此您必须给它一个显示:内联表
样式,或者将它放在具有显示:内联块
样式的元素中
以下内容不应破坏日期选择器的任何其他用法,但在IE 6或7中不起作用;这是可能起作用的最简单的事情™:
如果您确实需要IE 6/7支持,您可以在CSS资源中尝试以下方法:
@if user.agent ie6 {
.gwt-DatePicker { display: inline; }
}
@else {
.gwt-DatePicker { display: inline-table; }
}
@if user.agent ie6 {
.gwt-DatePicker { display: inline; }
}
@else {
.gwt-DatePicker { display: inline-table; }
}