css - GWT 在运行时注入(inject) CSS

Question

我在我的元素中使用 gwt 2.3.0。我需要更改我的 css 源:

<link type="text/css" rel="stylesheet" href="gxt/css/gxt-all.css">

在运行时(我想决定在 onModuleLoad 方法上使用哪个文件)。这样做的最佳方法是什么？

Answer 1

要注入(inject) CSS 文件，您需要以类似于 ScriptInjector 注入(inject) javascript 文件的方式进行操作:

/** Load CSS file from url */
public static void loadCss(String url){
    LinkElement link = Document.get().createLinkElement();
    link.setRel("stylesheet");
    link.setHref(url);
    nativeAttachToHead(link);
}

/**
 * Attach element to head
 */
protected static native void nativeAttachToHead(JavaScriptObject scriptElement) /*-{
    $doc.getElementsByTagName("head")[0].appendChild(scriptElement);
}-*/;

@jusio:

StyleInjector.inject(...) 仅适用于 CSS 内容:

StyleInjector.inject(".myClass{color:red;}");