GWT внедряет CSS во время выполнения

Question

Я использую gwt 2.3.0 в моем проекте. Мне нужно изменить мой источник CSS:

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

во время выполнения (я хочу решить, какой файл использовать в методе onModuleLoad). что такое лучший ват для этого?

Answer 1

Чтобы внедрить файл CSS, вам нужно действовать аналогично ScriptInjector для файла 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;}");

Answer 2

Использование Elemental 2 в GWT 2.8.2 или J2CL:

 public static void loadCss(String url){
        HTMLDocument document = DomGlobal.document;

        Element link = document.createElement("link");
        link.setAttribute("rel", "stylesheet");
        link.setAttribute("type", "text/css");
        link.setAttribute("href", url);

        document.getElementsByTagName("head").getAt(0).appendChild(link);
    }

Answer 3

Используйте этот метод JSNI и вызовите эту форму метода onModuleLoad () GWT, указав в качестве аргумента url (путь вашего css) в качестве аргумента, основанного на вашем требовании.

public static native void loadCss(String url)/*-{
    var fileref=document.createElement("link");
    fileref.setAttribute("rel","stylesheet");
    fileref.setAttribute("type","text/css");
    fileref.setAttribute("href",url);
    $doc.getElementsByTagName("head")[0].appendChild(fileref);
}-*/;