Thursday, December 14, 2017

Using tableLayout, rowLayout & cellFormat



<trh:tableLayout cellPadding="5" cellSpacing="0" id="tl1" width="100%"
                                     rendered="#{pageFlowScope.save != 'N'}">
                        <trh:rowLayout id="rl1" inlineStyle="background-color: #99CCCC">
                            <trh:cellFormat id="cf1" width="78%">
                                <af:outputText id="ot5" value="TRH Header Data 1"
                                               inlineStyle="font-weight:bold;"/>
                            </trh:cellFormat>
                            <trh:cellFormat id="cf2" width="22%">
                                <af:outputText id="ot6" value="Trh Header 2" inlineStyle="font-weight:bold;"/>
                            </trh:cellFormat>
                        </trh:rowLayout>
                    </trh:tableLayout>



<af:listView value="#{bindings.EmployeeSurveyStmtsROVO.collectionModel}" var="item"
                                 emptyText="#{bindings.EmployeeSurveyStmtsROVO.viewable ? 'No statement found.' : 'Access Denied.'}"
                                 selectedRowKeys="#{bindings.EmployeeSurveyStmtsROVO.collectionModel.selectedRow}"
                                 selectionListener="#{bindings.EmployeeSurveyStmtsROVO.collectionModel.makeCurrent}"
                                 fetchSize="#{bindings.EmployeeSurveyStmtsROVO.rangeSize}" id="lv1"
                                 rendered="#{pageFlowScope.save != 'N'}">
                        <af:listItem id="li1">
                            <trh:tableLayout cellPadding="5" cellSpacing="0" id="tl2" width="100%">
                                <trh:rowLayout id="rl2">
                                    <trh:cellFormat id="cf3" width="8%" halign="right" valign="top">
                                        <af:link icon="/resources/images/uipro1.gif" id="l10"/>
                                    </trh:cellFormat>
                                    <trh:cellFormat id="cf4" width="70%" valign="top">
                                        <af:outputFormatted value="#{item.bindings.emp.inputValue}" id="of1"/>
                                    </trh:cellFormat>
                                    <trh:cellFormat id="cf5" valign="top">
                                        <af:selectOneChoice value="#{empty bindings.Response.inputValue ? bindings.DefaultValue.inputValue : bindings.Response.inputValue}"
                                                            label="" unselectedLabel="Please make your selection"
                                                            readOnly="#{bindings.Status.inputValue != 'S' and bindings.Status.inputValue != 'W'}"
                                                            required="#{bindings.Response.hints.mandatory}"
                                                            shortDesc="#{bindings.Response.hints.tooltip}" id="soc4">
                                            <f:selectItems value="#{bindings.Response.items}" id="si4"/>
                                            <f:validator binding="#{bindings.Response.validator}"/>
                                        </af:selectOneChoice>
                                    </trh:cellFormat>
                                </trh:rowLayout>
                            </trh:tableLayout>
                        </af:listItem>
                    </af:listView>















No comments: