Dynamic JSF, programatically adding components

Hey guys!

In a project I'm ivolved in I have to dynamically add some components. All was going well until I had to generate data tables dynamically. I'm iterating a list of "SomeObject" and when I try to access a property of that object Glassfish tells me that object doesn't have such a property that is readable. I have getters for those properties and SomeObject implements Serializable as well. I used BalusC resources but I'm having no luck. Tell me if you need any more detail. Thanks.

Please post your .xhtml file

Hmm.. My .xhtml is this:

and this is the DynamicForm bean:

@Named
@SessionScoped
public class DynamicForm implements Serializable {

// Init --------------------------------------------------------------------------------------
    private static List<WidgetConfigComponent> dynamicList;
    private HtmlPanelGroup dynamicFormGroup; // Placeholder.

// Actions -----------------------------------------------------------------------------------
    private void loadDynamicMap() {

dynamicList = new ArrayList<WidgetConfigComponent>();
        dynamicList.addAll(WidgetConfigService.loadConfig(1));
    }

private void populateDynamicForm() {
        HtmlOutputText label;
        dynamicFormGroup = new HtmlPanelGroup();
        UIComponent uIComponent;
        HtmlOutputText linebreak;

for (int i = 0; i < getDynamicList().size(); i++) {
            // label construction
            label = new HtmlOutputText();
            label.setValueExpression("value",
                    createValueExpression("#{dynamicForm.dynamicList[" + i + "].label}",
                    String.class));

// widget construction
            uIComponent = getDynamicList().get(i).addComponent(
                    "#{dynamicForm.dynamicList[" + i + "].selectedValue}",
                    "#{dynamicForm.dynamicList[" + i + "].selectableValues}");
            
            // linebreak construction
            linebreak = new HtmlOutputText();
            linebreak.setValue("<br/>");
            linebreak.setEscape(false);

// add the label, widget and linebreak to the form
            dynamicFormGroup.getChildren().add(label);
            dynamicFormGroup.getChildren().add(uIComponent);
            dynamicFormGroup.getChildren().add(linebreak);
        }
    }

// Getters -----------------------------------------------------------------------------------
    public HtmlPanelGroup getDynamicFormGroup() {
        // This will be called once in the first RESTORE VIEW phase.
        if (dynamicFormGroup == null) {
            loadDynamicMap(); // Preload dynamic list.
            populateDynamicForm(); // Populate editable datatable.
        }

return dynamicFormGroup;
    }

public List<WidgetConfigComponent> getDynamicList() {
        return dynamicList;
    }

// Setters -----------------------------------------------------------------------------------
    public void setDynamicFormGroup(HtmlPanelGroup dynamicFormGroup) {
        this.dynamicFormGroup = dynamicFormGroup;
    }

// Helpers -----------------------------------------------------------------------------------
    private ValueExpression createValueExpression(String valueExpression, Class<?> valueType) {
        FacesContext facesContext = FacesContext.getCurrentInstance();
        return facesContext.getApplication().getExpressionFactory().createValueExpression(
                facesContext.getELContext(), valueExpression, valueType);
    }
}

And this is the data table component, the one that's giving me problems:

public class DataTable extends WidgetConfigComponent{

public DataTable(String label, List<Object> selectableValues, String selectedValue) {
        super(label, selectableValues, selectedValue);
    }

public DataTable() {
    }

@Override
    public UIComponent addComponent(String bindingValue, String selectableOptions) {
        
        // creates the table
        HtmlDataTable hdt = new HtmlDataTable();
        hdt.setValueExpression("value",
                createValueExpression(selectableOptions, List.class));
        hdt.setVar("dataItem");
        hdt.setBorder(1);

// Create <h:column> for 'Chave' column.
        HtmlColumn chaveColumn = new HtmlColumn();
        hdt.getChildren().add(chaveColumn);

// Create <h:outputText value="Chave"> for <f:facet name="header"> of 'Chave' column.
        HtmlOutputText chaveHeader = new HtmlOutputText();
        chaveHeader.setValue("Chave");
        chaveColumn.setHeader(chaveHeader);

// Create <h:inputText id="name" value="#{dataItem.chave}"> for the body of 'Chave' column.
        HtmlInputText chaveInput = new HtmlInputText();
        chaveInput.setId("chave"); // Custom ID is required in dynamic UIInput and UICommand.
        chaveInput.setValueExpression("value",
                createValueExpression("#{dataItem.chave}", String.class));
        chaveColumn.getChildren().add(chaveInput);

// Create <h:column> for 'Valor' column.
        HtmlColumn valueColumn = new HtmlColumn();
        hdt.getChildren().add(valueColumn);

// Create <h:outputText value="Valor"> for <f:facet name="header"> of 'Valor' column.
        HtmlOutputText valueHeader = new HtmlOutputText();
        valueHeader.setValue("Valor");
        valueColumn.setHeader(valueHeader);

// Create <h:inputText id="valor" value="#{dataItem.valor}"> for the body of 'Valor' column.
        HtmlInputText valorInput = new HtmlInputText();
        valorInput.setId("valor"); // Custom ID is required in dynamic UIInput and UICommand.
        valorInput.setValueExpression("value",
                createValueExpression("#{dataItem.valor}", String.class));
        valueColumn.getChildren().add(valorInput);

return hdt;
    }
}

The addComponent method ignores the bindingValue parameter, and the selectableOptions here evaluates to a list a of KeyValueItem. Which I present next:

When i try to run the project Glassfish tells me KeyValueItem doesn't have a readable property 'chave'.

It's a lot of code to go through, so if you can sort through it you have my deepest thanks.