2011-12-30 65 views
0

在我的GWT-應用程序中,我有一個帶有DatePicker-Column的自定義表格。現在我必須爲Popup設置z-index。我是這樣做的:GWT中DatePicker-Cell-Popup的CSS

.dateBoxPopup { 
    z-index:5000; 
} 

是否有類似於.DatePickerCellPopup的Cell-Popup?

回答

3

您是否在引用CellWidgets中的DatePickerCell

如果你是:DatePickerCell使用DatePicker和下面的CSS類樣式的DatePicker用途(使用Firebug進行檢查):

  • .gwt-的DatePicker {}
  • .datePickerMonthSelector {的月份選擇控件}
  • .datePickerMonth {本月選擇插件的一個月}
  • .datePickerPreviousButton {比上月按鈕}
  • .datePickerNextButton {下月按鈕}
  • .datePickerDays {表示拾取器的部分中的天}
  • .datePickerWeekdayLabel {標籤在平日}
  • .datePickerWeekendLabel {標籤在週末}
  • .datePickerDay {一天}
  • .datePickerDayIsToday {今天的日期}
  • .datePickerDayIsWeekend {週末一天}
  • .datePickerDayIsFiller {日再過一個月}
  • .datePickerDayIsValue {選定日期}
  • .datePickerDayIsDisabled {禁用天}
  • .datePickerDayIsHighlighted {當前突出顯示的天}
  • .datePickerDayIsValueAndHighlighted {突出顯示的日子,如果還選擇它}

您必須指定這些帶有@external標記的css類來抑制選擇器模糊處理

+0

謝謝您的答案,但它不能解決我的問題。我有一個main.css和一個Table.css與'.dateBoxPopup { \t z-index:2000; } .gwt-DatePicker { border:1px solid #ccc; border-top:1px solid#999;光標:默認; 光標:默認; z-index:5000; }' – bembii 2011-12-30 16:39:21

+0

@tobvio:我建議使用Firebug或Chrome的開發者工具(檢查元素)來檢查實際的CSS。 – 2011-12-30 17:18:38

1

不幸的是.dateBoxPopup不適用於t他彈出DatePickerCell。因此,您需要一個Z索引規則爲.gwt-PopupPanel{ z-index: 15000 }