Question

I want to build a checkbox tree with richfaces.

I saw here a sample with another jsf implemetation.

I want to have a similar functionality.

is it possible? How?

Answer 1

I’m not sure RichFaces will be able to help you with that, but OmniFaces surely will.

Add the JAR to your project as instructed on the project page, then create in your bean an implementation of TreeModel.

Here is the example from the showcase, using the provided ListTreeModel:

private TreeModel<ExampleEntity> tree;

@PostConstruct
public void init() {
    tree = new ListTreeModel<ExampleEntity>();
    tree.addChild(new ExampleEntity(1L, "One"))
            .addChild(new ExampleEntity(2L, "Two")).getParent()
            .addChild(new ExampleEntity(3L, "Three")).getParent()
            .getParent()
        .addChild(new ExampleEntity(4L, "Four"))
            .addChild(new ExampleEntity(5L, "Five"));
}

Then, on your XHTML page, you can create your custom markup for the tree, here is an example using an HTML list with checkboxes:

 <o:tree id="tree" value="#{treeBean.tree}" var="exampleEntity" varNode="node">
    <o:treeNode>
        <ul>
            <o:treeNodeItem>
                <li>
                    <h:selectBooleanCheckbox value="#{exampleEntity.value}" />
                    <o:treeInsertChildren />
                </li>
            </o:treeNodeItem>
        </ul>
    </o:treeNode>
</o:tree>

Then, for the collapsible effect you’ll have to do some JavaScript, or reuse some of those that already exists.