SmartGWT SelectItem 重叠 GWT DateBox [重复]答案

【问题标题】：SmartGWT SelectItem overlapping GWT DateBox [duplicate]SmartGWT SelectItem 重叠 GWT DateBox [重复]
【发布时间】：2012-10-28 19:27:15
【问题描述】：

可能重复：
GWT Suggestbox with Smartgwt

我有两个 GWT DateBoxes 和一个 SmartGWT SelectItem 用于多个选择，外观为 PICKLIST。

问题是，当单击 DateBox 并显示 DatePicker 时，它位于 SelectItem 的后面，如下图所示：

编辑：因为我还没有 10 声望，所以我不能发布图片。所以这里是链接：

http://i.imgur.com/m6lg9.png

这是 SelectItem 的代码：

    selectItemFilterList.setTitle("Filter:");  
    selectItemFilterList.setMultiple(true);
    selectItemFilterList.setMultipleAppearance(MultipleAppearance.PICKLIST);
    selectItemFilterList.setWidth(250);        
    ... values are set here ...
    selectItemFilterList.setValueMap(valueMap);

    DynamicForm filterForm = new DynamicForm();
    filterForm.setItems(selectItemFilterList);
    filterForm.setStyleName(style.inline());
    addToFilterPanel(filterForm);

我能以某种方式解决这个问题吗？

【问题讨论】：

我尝试向 DateBox 和 DatePicker 添加一个 CSS 样式，其 z-index 为 1000001，正如各种来源所建议的那样，但这对我不起作用。
我搞定了，解决办法是设置 DateBox Popup 的 z-index。
你应该先搜索这类问题。看看这个（stackoverflow.com/questions/8713770/…）。
嗯，我找到了，但还没有找到，谢谢你的链接！

标签： css gwt z-index smartgwt datebox

【解决方案1】：

为了解决这个问题，我必须设置 DateBox Popup 的 z-index 而不是 DateBox 或 DatePicker！

将以下内容添加到 war 目录中我的应用程序的 css 文件后，一切都按预期工作：

    .dateBoxPopup {
        z-index: 1000001;
    }

【讨论】：