Question

这是我的问题：

我使用树来渲染数据结构，我还有一个对象列表，它们在树的两个对象之间提供额外的信息（树结构不是特别喜欢）。我想要做的是突出显示列表中对象选择所涉及的树的两个元素。因此，当我选择它时，我想更改我在列表中选择的对象所涉及的树节点的字体颜色。

我尝试过几件事。其中两个是使用ValueProvider，其getValue方法使用css返回值，但它实际上将css显示为文本。在这个例子中，我改变了Tree by Tree，但结果略有不同。以下是该解决方案的代码：

submissionTree = new Tree<SubmissionMenuData, SafeHtml>(submissionTreeStore, new ValueProvider<SubmissionMenuData, SafeHtml>() {
            @Override
            public SafeHtml getValue(SubmissionMenuData object) {
                if (object.isActiveLink()){
                    return SafeHtmlUtils.fromTrustedString("<span style='color:blue;'>"+object.getValue()+"</span>");
                }else{
                    return SafeHtmlUtils.fromTrustedString(object.getValue());
                }
            }

            @Override
            public void setValue(SubmissionMenuData object, SafeHtml value) {
                // ... not relevant here
            }

            @Override
            public String getPath() {
                return "value";
            }
        });

我的第二个想法是使用这两种方法中的一种，但它们都没有工作（实际上没有发生）：

view.getSubmissionTree().getView().getElement(elementToChangeColor).getStyle().setColor("blue");
view.getSubmissionTree().getView().getElement(elementToChangeColor).addClassName("blue-font");

然而，即使它不是我想要做的，这些方法也可以。

view.getSubmissionTree().getView().getElement(elementToChangeColor).getStyle().setBackgroundColor("blue");

Answer 1

ValueProvider并非用于样式化 - 它会传递要显示（或处理）的值。因此，如果您传递HTML元素，默认情况下它将按照您的描述打印出来。

一种可能的解决方案是设置自定义单元格。将您的树更改为Tree<SubmissionMenuData, SubmissionMenuData>并返回对象：

submissionTree = new Tree<SubmissionMenuData, SubmissionMenuData>(submissionTreeStore, new ValueProvider<SubmissionMenuData, SubmissionMenuData>() {
    @Override
    public SubmissionMenuData getValue(SubmissionMenuData object) {
        return object; // just return the object itself - how to display it will be handled later
    }

    @Override
    public void setValue(SubmissionMenuData object, SubmissionMenuData value) {
        // ... not relevant here
    }

    @Override
    public String getPath() {
        return "value";
    }
});

现在创建并添加一个单元格：

submissionTree.setCell(new AbstractCell<SubmissionMenuData>() {
    @Override
    public void render(Context context, SubmissionMenuData object, SafeHtmlBuilder safeHtmlBuilder)
    {
        if (object.isActiveLink()){
            safeHtmlBuilder.appendHtmlConstant("<span style='color:blue;'>"+object.getValue()+"</span>");
        else
            safeHtmlBuilder.appendEscaped(object.getValue());
    }
});

如果您无法或不想更改树的类型，则可以创建AbstractCell<SafeHtml>。但是，您需要通过评估上下文（列和索引）并从树存储中加载对象来查找当前对象。

更改树节点字体颜色

1 个答案: