Question

我有一个DatePicker小部件，我需要为它应用自定义样式。为了实现它，我所做的是，在应用程序主css文件中，我添加了css样式如下

.dRPLable {
     font-size: 10px;
     font-weight: bold;
     color: gray;
    }

    .dRPBtn {
     background-color: #38B0DE;
     background: #38B0DE;
     color: white;
    }

    .dRPLB {
     background: #EEEEEE;
    }

    .dRPPopup {
        width: 8em;
        height: 2em;
    }
    .mycal .datePickerPreviousButton { visibility: visible; color: gray; }
    .mycal .datePickerNextButton { visibility: visible; color: gray; }

    .mycal .datePickerWeekdayLabel{background: white;}
    .mycal .datePickerMonthSelector {  background: white; }
    .mycal .datePickerMonth { background: white;color: orange;}

    .mycal .datePickerWeekendLabel{background: white;}
    .mycal .datePickerDayIsValue {  background: orange;}
    .mycal .datePickerDayIsWeekend { background: #D9D9D9;}

然后一切都完美适用

我将它作为一个独立的自定义小部件，因为我创建了一个单独的css文件。为了访问它，我创建了一个资源接口，如下所示，

import com.google.gwt.core.client.GWT;
import com.google.gwt.resources.client.ClientBundle;
import com.google.gwt.resources.client.CssResource;
import com.google.gwt.resources.client.ImageResource;

public interface DateRangeTypePickerResources extends ClientBundle {

    DateRangeTypePickerResources INSTANCE = GWT
            .create(DateRangeTypePickerResources.class);

    /*
     * @Source("DocumentImg.jpg") ImageResource getDocumentImg();
     */

    @Source("down.png")
    ImageResource getDownImg();

    @Source("up.png")
    ImageResource getUpImg();

    public interface DateRangeTypePickerCssStyle extends CssResource {
        String dRPLable();

        String dRPBtn();

        String dRPLB();

        String mycal();

        String dRPPopup();

        String datePickerPreviousButton();

        String datePickerNextButton();

        String datePickerWeekdayLabel();

        String datePickerWeekendLabel();

        String datePickerMonthSelector();

        String datePickerMonth();

        String datePickerDayIsValue();

        String datePickerDayIsWeekend();

    }

    @Source("../widget/DateRangeTypePicker.css")
    DateRangeTypePickerCssStyle DateRangeTypePickerCss();

}

我如何访问以下方法

public class DateRangePicker extends Composite {
static DateRangeTypePickerResources resources = GWT
            .create(DateRangeTypePickerResources.class);
    DateRangeTypePickerCssStyle css = DateRangeTypePickerResources.INSTANCE
            .DateRangeTypePickerCss();
    static {
        DateRangeTypePickerResources.INSTANCE.DateRangeTypePickerCss()
                .ensureInjected();
    }

public DateRangePicker(DateRangePickerModel dateRangePickerModel) {
    Label startDateLabel = new Label("Start Date");
    startDtToday.setStylePrimaryName(css.dRPLabel());
    flexTable.setWidget(0, 0, startDateLabel);

    DatePicker startDatePicker = new DatePicker();
    startDatePicker.setStyleName(css.mycal());
}
}

此处样式适用于Label。但Style不适用于DatePicker。如何从CssResources类将自定义样式应用于DatePicker？

Answer 1

在发布这样一个巨大且重复的问题之前，如果问题已经被问到，那么...有很多类似的问题。

您的问题的答案在以下链接中

ClickHere

如何从CssResources类将自定义样式应用于DatePicker？

1 个答案: