PanelGrid binding error when there is tabs

Question

Hi everybody
I have a problem with binding a panellayout to a backbean method when there are tabs on the page.
This is my panellayout
<h:panelGrid binding="#{TestFolder$TestTable.grid}" id="gridPanel1" />The method return HtmlPanelGrid which contains dynamic hiddenfields . Hiddenfields values taken from the database according to given parameter. It work nice and shows hidden field values as well, when i view page source.
But when the selected tab change exception thrown saying
javax.el.PropertyNotWritableException: The class 'com.epic.tdms.jsf.TestFolder.TestTable' does not have a writable property 'grid'.
StandardWrapperValve[Faces Servlet]: PWC1406: Servlet.service() for servlet Faces Servlet threw exception
javax.el.PropertyNotWritableException: The class 'com.epic.tdms.jsf.TestFolder.TestTable' does not have a writable property 'grid'.
This is my full jsp code
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <ui:page binding="#{TestFolder$TestTable.page1}" id="page1">
            <ui:html binding="#{TestFolder$TestTable.html1}" id="html1">
                <f:loadBundle basename="com.epic.tdms.jsf.Bundle" var="messages1"/>
                <ui:head binding="#{TestFolder$TestTable.head1}" id="head1"/>
                <ui:body binding="#{TestFolder$TestTable.body1}" id="body1" style="-rave-layout: grid">
                    <ui:form binding="#{TestFolder$TestTable.form1}" id="form1" virtualFormsConfig="virtualForm1 | |">
                        <ui:tabSet id="tabSet1" selected="tab2" style="left: 240px; top: 288px; position: absolute">
                            <ui:tab id="tab1" text="Tab 1">
                                <ui:panelLayout id="layoutPanel1" style="height: 223px; position: relative; width: 100%; -rave-layout: grid">
                                </ui:panelLayout>
                            </ui:tab>
                            <ui:tab id="tab2" text="Tab 2">
                                <ui:panelLayout id="layoutPanel2" style="height: 223px; position: relative; width: 100%; -rave-layout: grid">
                                </ui:panelLayout>
                            </ui:tab>
                        </ui:tabSet>
                    </ui:form>
                </ui:body>
                <h:panelGrid binding="#{TestFolder$TestTable.grid}" id="gridPanel1" style="position: absolute; left: 288px; top: 96px" />
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>This is the method which return grid
public HtmlPanelGrid getGrid() throws Exception
        HtmlPanelGrid grid = new HtmlPanelGrid();
       List<UIComponent> children = grid.getChildren();
        HtmlDataTable table = new HtmlDataTable();
        table.setId("table_userRoles");
        table.setValueExpression("value",createValueExpression("#{TestFolder$TestTable.childHiddenFields}", List.class));
        table.setVar("hiddenFields");
        HiddenField hidden = new HiddenField();
        hidden.setValueExpression("value", createValueExpression("#{hiddenFields.value}", String.class));
        children.add(table);
        HtmlColumn nameColumn = new HtmlColumn();
        nameColumn.getChildren().add(hidden);
        table.getChildren().add(nameColumn);
        grid.getChildren().add(table);
        return grid;
    }Please help me to solve this out.
Thanks in advance

Answer 1

BalusC Thank you very much for answering, and your answer is very helpful. It worked for my another project. Actually there I have forget to set the setter.
And I have solved the problem, I put in prerender method and it works now.