Question

我一直在使用ClientBundle和CssResources很长一段时间但是已经注意到我的样式被多次注入了。我可以指出的一点是，我在模板中使用了不少<ui:with field='resources' type='com.vf.client.resources.Resources' />，我怀疑这是创建了clientBundle的多个副本。甚至可能导致这种情况的一件事是我使用Ray Ryan在clientfactory中缓存我的视图的概念，因此在连接到DOM之前创建了一些视图。在我的基本视图中，我在资源上使用了provided = true，以便不让UiBinder为我生成一个新的。这可能不起作用，我怀疑和ui：with正在创建一个新副本并忽略提供的= true。我在Chrome和Firebug中使用了开发人员工具来查看并且在这两种情况下都会多次注入样式。如果不从我的所有UiBinder模板中删除我的Resources类，如何解决这个问题还不确定，这会带来相当多的工作。任何想法都表示赞赏。

/**
 * 
 * @author chris
 */
public abstract class ViewImpl extends Composite implements IView, RequiresResize {

    @UiField(provided = true)
    public final Resources resources;

}




public interface Resources extends ClientBundle, CellTable.Resources, CellList.Resources, DataGrid.Resources {

    /**
     * These are the obfuscated styles.
     * 
     * @return
     */
    @Source({ "default.css", "default-external.css"})
    public Style style();
}

更新

我一直在使用工厂/单件只是为了确保它只创建一个。我在应用程序启动时在ClientFactory实现中创建了这个Resources ClientBundle。在我的应用程序启动中，我在我的样式上调用ensureEnjected，从那时起，我的代码中永远不会调用ensureInjected。

这是我的工厂，只是得到我的单身请求工厂。我曾经在我的界面中使用静态初始化程序，但我暂时回到这里，希望能够清理我的多个样式问题。

import com.google.gwt.core.client.GWT;

public class ResourcesFactory {

    private static Resources instance = null;

    private ResourcesFactory() {
    }

    public static final Resources getResources() {
        if (instance == null) {
            instance = GWT.create(Resources.class);
        }

        return instance;
    }
}

我的客户端捆绑包已初始化并仅在此处注入。

  @Override
    public void onModuleLoad() {
        if (Window.Location.getParameterMap().containsKey("debug")) {
            Window.alert("Remote Debugging will be enabled, see server log for debug information");
            RemoteDebugService.enable();    
        }

        try {
            clientFactory = ClientFactory.INSTANCE;
            masterLayoutPanel = clientFactory.getMasterLayoutPanel();
        } catch (Exception e) {
            logger.log(Level.SEVERE, "Unable to instantiate the ClientFactory", e);
            Window.alert("SOMEBODY BROKE THE BUILD, add ?debug to the url to enable remote debugging" + e.getMessage());
        }

        RootLayoutPanel.get().add(masterLayoutPanel);
        StyleInjector.inject(clientFactory.getResources().style().getText());

        PlaceHistoryHandler historyHandler = new PlaceHistoryHandler(clientFactory.getPlaceHistoryMapper());
        PlaceController placeController = clientFactory.getPlaceController();

        // Start PlaceHistoryHandler with our PlaceHistoryMapper
        historyHandler.register(placeController, clientFactory.getEventBus(), defaultPlace);

        startApplication(clientFactory, historyHandler);
        }

Answer 1

多次注射是什么意思？

ClientBundle基本上是Singleton的（参见这个帖子Will referring to a single ClientBundle class from multiple UiBinders cost anything?）因此，如果您使用provided=true则不应该。

但是，如果你真的想要避免使用ClientBundle代理，你可以使用Gin或Factory来实例化（GWT.create或通过@Inject神奇地）{{{} 1}}一次并将其注入您的ClientBundle但我想在编译后的代码中它不会产生太大的影响。

Answer 2

到目前为止，我已经找到了至少一个我做错的问题，导致我的风格被多次注入。首先，我将我的CellTable和Datagrid样式定义为在我的单个样式表中，但是当注入此样式时，它会多次注入。在下面的代码中，default.css包含整个Web应用程序的所有css定义，包括单元格表格和单元格网格样式。我在应用程序启动时注入了这些，当然cellTableStyle（）和单元格dataGridStyle（）会注入整个样式表。

public interface Resources extends ClientBundle, CellTable.Resources, CellList.Resources, DataGrid.Resources {

...

    /**
     * {@link CellTable.Style} styles
     */
    @Source("default.css")
    Style cellTableStyle();

    /**
     * {@link DataGrid.Style} styles
     */
    @Source("default.css")
    Style dataGridStyle();

    /**
     * These are the obfuscated styles.
     * 
     * @return
     */
    @Source({ "default.css", "default-external.css" })
    public Style style(); 
...


}

如果以这种方式声明样式，样式表应该分解为单独的样式表，并且只包含相关样式或实现我的主样式来实现这些接口并删除额外的依赖样式实现。

public interface Resources extends ClientBundle, CellTable.Resources, CellList.Resources, DataGrid.Resources {

...



    /**
     * {@link CellTable.Style} styles
     */
    @Source("celltable.css")
    Style cellTableStyle();

    /**
     * {@link DataGrid.Style} styles
     */
    @Source("datagrid.css")
    Style dataGridStyle();

    /**
     * These are the obfuscated styles.
     * 
     * @return
     */
    @Source({ "default.css", "default-external.css" })
    public Style style(); 
...


}

这是可以将样式传递给CellTable样式的实现，并且样式只会被注入一次。请注意，样式会包含所有需要的表格，网格和列表样式。

public interface Resources extends ClientBundle, CellTable.Resources, CellList.Resources, DataGrid.Resources {

...

 public interface Style extends CssResource, ProgressWidget.Style, CellTable.Style, CellList.Style, DataGrid.Style {
    ...

}


    /**
     * Single style that can be used for all my cell table resources 
     * and the default styles.
     * 
     * @return
     */
    @Source({ "default.css", "default-external.css" })
    public Style style(); 
...


}

GWT，CssStyle被多次注入

2 个答案: