我正在寻找表字段的树表示的组件。
我正在寻找的是带有列的表格,但可以选择折叠像树一样的单元格。
答案 0 :(得分:2)
Scout中没有内置的Tree Table,但是可能会滥用Table使其看起来像树表。我刚刚在this Gist中提出了一个实现。
AbstractTreeTable
是一个表格模板,在表格中添加了2列:
KeyColumn
:表格的主键ParentKeyColumn
:父行的键,如果行在树根处,则为null。 AbstractTreeTable
处理每个节点行的折叠状态。它还会修饰第一列(节点上的缩进和[+]
& [-]
标记。它处理行动作(execRowAction(..)
)。
如果您在表格页面中使用此功能,建议您使用TablePageData而非Object[][]
。如果在表字段中使用它,则仅当表字段使用bean based table data时才有效。
我的原型可以改进:
@Order(10.0)
@FormData(value = AbstractTableFieldBeanData.class, sdkCommand = SdkCommand.USE, defaultSubtypeSdkCommand = DefaultSubtypeSdkCommand.CREATE)
public class CarsTableField extends AbstractTableField<CarsTableField.Table> {
@Override
protected int getConfiguredGridH() {
return 8;
}
@Override
protected int getConfiguredGridW() {
return 2;
}
@Override
protected String getConfiguredLabel() {
return TEXTS.get("Cars");
}
@Order(10.0)
public class Table extends AbstractTreeTable {
/**
* @return the PriceFromColumn
*/
public PriceFromColumn getPriceFromColumn() {
return getColumnSet().getColumnByClass(PriceFromColumn.class);
}
/**
* @return the NameColumn
*/
public NameColumn getNameColumn() {
return getColumnSet().getColumnByClass(NameColumn.class);
}
@Override
protected boolean execIsNode(ITableRow row) {
return getParentKeyColumn().getValue(row) == null;
}
@Override
protected void execDecorateRow(ITableRow row) throws ProcessingException {
if (execIsNode(row)) {
row.setFont(FontSpec.parse("BOLD"));
}
}
@Override
public void importFromTableBeanData(AbstractTableFieldBeanData source) throws ProcessingException {
super.importFromTableBeanData(source);
toggleExpandedState(getRows());
}
@Order(10.0)
public class NameColumn extends AbstractStringColumn {
@Override
protected String getConfiguredHeaderText() {
return TEXTS.get("CarModel");
}
}
@Order(20.0)
public class PriceFromColumn extends AbstractIntegerColumn {
@Override
protected String getConfiguredHeaderText() {
return TEXTS.get("PriceFrom");
}
}
}
}
@Order(10.0)
@FormData(value = AbstractTableFieldBeanData.class, sdkCommand = SdkCommand.USE, defaultSubtypeSdkCommand = DefaultSubtypeSdkCommand.CREATE)
public class FilesTableField extends AbstractTableField<FilesTableField.Table> {
@Override
protected int getConfiguredGridH() {
return 8;
}
@Override
protected int getConfiguredGridW() {
return 2;
}
@Override
protected String getConfiguredLabel() {
return TEXTS.get("Files");
}
@Order(10.0)
public class Table extends AbstractTreeTable {
@Override
protected boolean execIsNode(ITableRow row) {
Long type = getTypeColumn().getValue(row);
return FileTypeCodeType.FolderCode.ID.equals(type);
}
@Override
public void importFromTableBeanData(AbstractTableFieldBeanData source) throws ProcessingException {
super.importFromTableBeanData(source);
toggleExpandedState(getRows());
}
@Override
protected void execDecorateRow(ITableRow row) throws ProcessingException {
Long type = getTypeColumn().getValue(row);
if (FileTypeCodeType.FolderCode.ID.equals(type)) {
row.setIconId(Icons.FOLDER);
}
else if (FileTypeCodeType.FileCode.ID.equals(type)) {
row.setIconId(Icons.DOCUMENT);
}
else if (FileTypeCodeType.EmailCode.ID.equals(type)) {
row.setIconId(Icons.EMAIL);
}
else if (FileTypeCodeType.VCardCode.ID.equals(type)) {
row.setIconId(Icons.VCARD);
}
}
/**
* @return the TypeColumn
*/
public TypeColumn getTypeColumn() {
return getColumnSet().getColumnByClass(TypeColumn.class);
}
/**
* @return the ModifiedDateColumn
*/
public ModifiedDateColumn getModifiedDateColumn() {
return getColumnSet().getColumnByClass(ModifiedDateColumn.class);
}
/**
* @return the NameColumn
*/
public NameColumn getNameColumn() {
return getColumnSet().getColumnByClass(NameColumn.class);
}
@Order(20.0)
public class NameColumn extends AbstractStringColumn {
@Override
protected String getConfiguredHeaderText() {
return TEXTS.get("Name");
}
@Override
protected int getConfiguredWidth() {
return 400;
}
}
@Order(30.0)
public class ModifiedDateColumn extends AbstractDateColumn {
@Override
protected String getConfiguredFormat() {
return "dd.MM.yyyy hh:mm";
}
@Override
protected String getConfiguredHeaderText() {
return TEXTS.get("DateModified");
}
@Override
protected int getConfiguredWidth() {
return 200;
}
}
@Order(40.0)
public class TypeColumn extends AbstractSmartColumn<Long> {
@Override
protected Class<? extends ICodeType<?, Long>> getConfiguredCodeType() {
return FileTypeCodeType.class;
}
@Override
protected String getConfiguredHeaderText() {
return TEXTS.get("Type");
}
@Override
protected int getConfiguredWidth() {
return 200;
}
}
}
}
当然,这只是解决实际问题的方法:scout缺少模型级别树表的表示。如果有这样的东西,就可以在不同的UI中使用真正的树表小部件。