java - PrimeFaces 自定义数据表中的 RowEditor

Question

有没有办法自定义 rowEditor 按钮？我的意思是是否可以更改图像或添加文本。如果不可能，是否有办法通过另一个控件(如按钮或链接)获得相同的行为？

Answer 1

只需使用 CSS。下面的示例假设您要将它应用于所有数据表/行编辑器，并在 /resources/images 文件夹中拥有所需的图像文件。

.ui-datatable .ui-row-editor .ui-icon-pencil {
    background-image: url("#{resource['images/pencil.png']}");
}

.ui-datatable .ui-row-editor .ui-icon-check {
    background-image: url("#{resource['images/check.png']}");
}

.ui-datatable .ui-row-editor .ui-icon-close {
    background-image: url("#{resource['images/close.png']}");
}

另见:

• How do I override default PrimeFaces CSS with custom styles?