gwt应用中的复合单元

时间:2012-08-13 09:50:17

标签: java gwt cell celltable

我正在尝试创建一个由TextCell和ButtonCell组成的CompositeCell。我想通常将CompositeCell添加到Column,然后将Column添加到CellTable。但是,我无法弄清楚列的实例应该如何。特别是我在下面的代码中找不到它的类型参数:

 Column<FilterInfo, ?> compositeColumn = new Column<FilterInfo, ?>(createCompositeCell()) {

  @Override
  public Object getValue(Object object) {
    // TODO Auto-generated method stub
    return null;
  }}; 

创建自定义类FilterInfo的CompositeCell的方法(是否必要?)是:

private CompositeCell<FilterInfo> createCompositeCell(){

HasCell<FilterInfo, String> filterName = new HasCell<FilterInfo, String>() {

  public Cell<String> getCell() {
    return new TextCell();
  }

  public FieldUpdater<FilterInfo, String> getFieldUpdater() {
    // TODO Auto-generated method stub
    return null;
  }

  public String getValue(FilterInfo object) {
    return object.getFilterName();
  }};

  HasCell<FilterInfo, String> filterButton = new HasCell<FilterInfo,String>(){

    public Cell<String> getCell() {
      return new ButtonCell();
    }

    public FieldUpdater<FilterInfo, String> getFieldUpdater() {
      // TODO Auto-generated method stub
      return null;
    }

    public String getValue(FilterInfo object) {
      // TODO Auto-generated method stub
      return "...";
    }
  };

  List<HasCell<FilterInfo, ?>> cells = new ArrayList<HasCell<FilterInfo, ?>>();
  cells.add(filterName);
  cells.add(filterButton);

  CompositeCell<FilterInfo> compositeCell = new CompositeCell<FilterInfo>(cells);

  return compositeCell;

}

我会感激任何适应代码或其他建议的指示,以创建所需的CompositeCell并将其正确添加到CellTable。

4 个答案:

答案 0 :(得分:3)

你必须使用复合细胞吗?对我而言,这似乎需要做很多工作,而且创建自己的自定义单元格可能要容易得多。

阅读Creating Custom Cells

上的文档

答案 1 :(得分:2)

不要试图过分关注类型参数。 您的IDE太聪明,会给您输入类型错误。它会抱怨&#34;原始类型。 XXX&LT; c取代;应该参数化&#34;但是你应该能够以这种方式编译和运行代码。

这是一个代码,其中一个Column的CompositeCell为N个按钮:

private Column<DTO, DTO> getButtonColumn() {
    return new Column<DTO, DTO>(getButtonsCell()) {
        @Override
        public DTO getValue(DTO object) {
            return object;
        }
    };
} 

private CompositeCell getButtonsCell() {
    HasCell<DTO,DTO> button1 = new AbstractActionButton<DTO>() {
                @Override
                public void execute(final DTO object) {
                    //Action on button click
                }

                @Override
                public void render(Context context, DTO data, SafeHtmlBuilder sb) {
                    //
                }
            };
    HasCell<DTO,DTO> button2 = new AbstractActionButton<DTO>(){ 
        //Complete me ...
    }

    List<HasCell<DTO, ?>> cells = new LinkedList<>();
    cells.add(button1);
    cells.add(button2);
    CompositeCell<DTO> compositeCell = new CompositeCell<>(cells);

    return compositeCell;
}


public abstract class AbstractActionButton<DTO> implements HasCell<DTO, DTO> {

@Override
public Cell<DTO> getCell() {
    return new ActionCell<DTO>("Button title", new ActionCell.Delegate<DTO>() {
        @Override
        public void execute(DTO object) {
            AbstractActionButton.this.execute(object);
        }
    }) {
        @Override
        public void render(Context context, DTO data, SafeHtmlBuilder sb) {
            AbstractActionButton.this.render(context, data, sb);
        }
    };
}

//Replaced by delegate but still need to be overriden
@Override
public FieldUpdater<DTO, DTO> getFieldUpdater() {
    return null; 
}

@Override
public DTO getValue(DTO object) {
    return object;
}

/**
 * You can override this method to render your button differently. Not mandatory
 * @param context
 * @param data
 * @param sb
 */
public abstract void render(Context context, DTO data, SafeHtmlBuilder sb);

/**
 * Called when the button is clicked
 * @param object
 */
public abstract void execute(DTO object);
}

答案 2 :(得分:1)

如果您的CellTable列出FilterInfo列表而Cell列出FilterInfo,则使用IdentityColumn

答案 3 :(得分:0)

我使用GXT XTemplate创建了一个复合单元格(Checkboxcell + TextCell)来渲染文本单元格的文本。如果您想坚持纯GWT并使用GWT替换其他GXT小部件,请使用模板。

https://gist.github.com/Aadi1/4949994