首页 > 解决方案 > 向组件添加下拉按钮

问题描述

我想添加一个下拉按钮,该按钮通常用作树形网格中的展开/折叠按钮。我似乎无法在文档中找到如何添加一个按钮,该按钮是下拉按钮的确切宽度和高度,例如特定(自定义)按钮类。即使无法展开/折叠此下拉按钮,也应将其添加到单元格组件中。结果应该是圆圈中的按钮也应该出现在 x 标记的位置。在此处输入图像描述

标签: vaadindropdownvaadin8dropdownbutton

解决方案


我不完全确定您将在哪个上下文中使用此按钮,但这是一个无边框按钮的示例,其 html 标题使用与 TreeGrid 用于折叠按钮的样式相同的样式。

        Button btn = new Button();
        btn.addStyleNames("v-treegrid-expander","collapsed");
        btn.addStyleName(ValoTheme.BUTTON_BORDERLESS);
        btn.addClickListener(event -> {
            btn.removeStyleName("collapsed");
            btn.addStyleName("expanded");
        });
        layout.addComponent(btn);

推荐阅读