Bug table layout

Question

Good morning,
I am working with a layout system, and had a problem with several tables
First, its structure:
-> PanelBox or ShowDetailItem
--> PanelGroupLayout - vertical
---> PanelCollection - AFStretchWidth
----> ADFTable - AFStretchWidth or without AFStretchWidth
Problem: The table when we started the application, the bottom covered with something, when we click on any column, back to
normal.
Anyone ever had similar problem?
I've tried many ways and continues to reflect the problem.
Jdeveloper: 11.1.2.1.0
Weblogic Integred: 10.3.5
Java: 1.6.26
Grateful.
Edited by: Rafael Silva on 10/02/2012 06:09

Answer 1

as ditto(somewhat not all)
i gave a look to your code. and try to reproduce that behaiour.
it's nt happening for me.
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
  <jsp:directive.page contentType="text/html;charset=UTF-8"/>
  <f:view>
    <af:document id="d1" binding="#{backingBeanScope.backing_untitled3.d1}">
      <af:messages binding="#{backingBeanScope.backing_untitled3.m1}" id="m1"/>
      <af:form id="f1" binding="#{backingBeanScope.backing_untitled3.f1}">
        <af:pageTemplate viewId="/oracle/ui/pattern/dynamicShell/dynamicTabShell.jspx"
                         value="#{bindings.pageTemplateBinding}" id="pt1">
          <f:facet name="copyright"/>
          <f:facet name="about"/>
          <f:facet name="navigation"/>
          <f:facet name="globalLinks"/>
          <f:facet name="status"/>
          <f:facet name="globalToolbar"/>
          <f:facet name="globalSearch"/>
          <f:facet name="globalTabs"/>
          <f:facet name="welcome">
          <af:panelHeader text="Employees"
                                  binding="#{backingBeanScope.backing_untitled3.ph1}"
                                  id="ph1">
                  <f:facet name="context"/>
                  <f:facet name="menuBar"/>
                  <f:facet name="toolbar"/>
                  <f:facet name="legend"/>
                  <f:facet name="info"/>
                    <af:panelGroupLayout layout="scroll" binding="#{backingBeanScope.backing_untitled3.pgl2}"
                                         id="pgl2">
                    <af:query id="qryId1" headerText="Search" disclosed="true"
                              value="#{bindings.ImplicitViewCriteriaQuery.queryDescriptor}"
                              model="#{bindings.ImplicitViewCriteriaQuery.queryModel}"
                              queryListener="#{bindings.ImplicitViewCriteriaQuery.processQuery}"
                              queryOperationListener="#{bindings.ImplicitViewCriteriaQuery.processQueryOperation}"
                              binding="#{backingBeanScope.backing_untitled3.qryId1}"
                              inlineStyle="padding:10px 10px 10px 10px;"
                              resultComponentId="::pc1:t1"/>
<af:panelCollection binding="#{backingBeanScope.backing_untitled3.pc1}"
                                    id="pc1" styleClass="AFStretchWidth" featuresOff="statusBar">
                  <f:facet name="menus">
</f:facet>
                  <f:facet name="toolbar">
                      <af:toolbar binding="#{backingBeanScope.backing_untitled3.t2}"
                                  id="t2">
                      <af:commandLink text="commandLink 1"
                                      binding="#{backingBeanScope.backing_untitled3.cl1}"
                                      id="cl1">
                        <af:showPopupBehavior popupId="::p1"/>
                      </af:commandLink>
                    </af:toolbar>
                  </f:facet>
                  <f:facet name="statusbar"/>
                  <af:table value="#{bindings.EmployeesView1.collectionModel}"
                            var="row" width="100%" columnStretching="column:c2"
                            rows="#{bindings.EmployeesView1.rangeSize}"
                            emptyText="#{bindings.EmployeesView1.viewable ? 'No data to display.' : 'Access Denied.'}"
                            fetchSize="#{bindings.EmployeesView1.rangeSize}"
                            rowBandingInterval="0"
                            filterModel="#{bindings.ImplicitViewCriteriaQuery.queryDescriptor}"
                            queryListener="#{bindings.ImplicitViewCriteriaQuery.processQuery}"
                            filterVisible="true" varStatus="vs"
                            selectedRowKeys="#{bindings.EmployeesView1.collectionModel.selectedRow}"
                            selectionListener="#{bindings.EmployeesView1.collectionModel.makeCurrent}"
                            rowSelection="single" styleClass="AFStretchWidth"
                            binding="#{backingBeanScope.backing_untitled3.t1}"
                            id="t1"
                            partialTriggers=":::::cb1 :::::cb2 :::::cb3 :::::cb4">
                    <af:column sortProperty="EmployeeId" filterable="true"
                               sortable="true" inlineStyle="text-align:right;"
                               headerText="#{bindings.EmployeesView1.hints.EmployeeId.label}"
                               id="c11" width="50" >
                      <af:inputText value="#{row.bindings.EmployeeId.inputValue}"
                                    label="#{bindings.EmployeesView1.hints.EmployeeId.label}"
                                    required="#{bindings.EmployeesView1.hints.EmployeeId.mandatory}"
                                    columns="#{bindings.EmployeesView1.hints.EmployeeId.displayWidth}"
                                    maximumLength="#{bindings.EmployeesView1.hints.EmployeeId.precision}"
                                    shortDesc="#{bindings.EmployeesView1.hints.EmployeeId.tooltip}"
                                    id="it2" inlineStyle="text-align:right;">
                        <f:validator binding="#{row.bindings.EmployeeId.validator}"/>
                        <af:convertNumber groupingUsed="false"
                                          pattern="#{bindings.EmployeesView1.hints.EmployeeId.format}"/>
                      </af:inputText>
                    </af:column>
                    <af:column sortProperty="FirstName" filterable="true"
                               sortable="true"
                               headerText="#{bindings.EmployeesView1.hints.FirstName.label}"
                               id="c6">
                      <af:inputText value="#{row.bindings.FirstName.inputValue}"
                                    label="#{bindings.EmployeesView1.hints.FirstName.label}"
                                    required="#{bindings.EmployeesView1.hints.FirstName.mandatory}"
                                    columns="#{bindings.EmployeesView1.hints.FirstName.displayWidth}"
                                    maximumLength="#{bindings.EmployeesView1.hints.FirstName.precision}"
                                    shortDesc="#{bindings.EmployeesView1.hints.FirstName.tooltip}"
                                    id="it6">
                        <f:validator binding="#{row.bindings.FirstName.validator}"/>
                      </af:inputText>
                    </af:column>
                    <af:column sortProperty="LastName" filterable="true"
                               sortable="true"
                               headerText="#{bindings.EmployeesView1.hints.LastName.label}"
                               id="c1">
                      <af:inputText value="#{row.bindings.LastName.inputValue}"
                                    label="#{bindings.EmployeesView1.hints.LastName.label}"
                                    required="#{bindings.EmployeesView1.hints.LastName.mandatory}"
                                    columns="#{bindings.EmployeesView1.hints.LastName.displayWidth}"
                                    maximumLength="#{bindings.EmployeesView1.hints.LastName.precision}"
                                    shortDesc="#{bindings.EmployeesView1.hints.LastName.tooltip}"
                                    id="it10">
                        <f:validator binding="#{row.bindings.LastName.validator}"/>
                      </af:inputText>
                    </af:column>
                    <af:column sortProperty="Email" filterable="true"
                               sortable="true"
                               headerText="#{bindings.EmployeesView1.hints.Email.label}"
                               id="c4">
                      <af:inputText value="#{row.bindings.Email.inputValue}"
                                    label="#{bindings.EmployeesView1.hints.Email.label}"
                                    required="#{bindings.EmployeesView1.hints.Email.mandatory}"
                                    columns="#{bindings.EmployeesView1.hints.Email.displayWidth}"
                                    maximumLength="#{bindings.EmployeesView1.hints.Email.precision}"
                                    shortDesc="#{bindings.EmployeesView1.hints.Email.tooltip}"
                                    id="it1">
                        <f:validator binding="#{row.bindings.Email.validator}"/>
                      </af:inputText>
                    </af:column>
                    <af:column sortProperty="PhoneNumber" filterable="true"
                               sortable="true"
                               headerText="#{bindings.EmployeesView1.hints.PhoneNumber.label}"
                               id="c9">
                      <af:inputText value="#{row.bindings.PhoneNumber.inputValue}"
                                    label="#{bindings.EmployeesView1.hints.PhoneNumber.label}"
                                    required="#{bindings.EmployeesView1.hints.PhoneNumber.mandatory}"
                                    columns="#{bindings.EmployeesView1.hints.PhoneNumber.displayWidth}"
                                    maximumLength="#{bindings.EmployeesView1.hints.PhoneNumber.precision}"
                                    shortDesc="#{bindings.EmployeesView1.hints.PhoneNumber.tooltip}"
                                    id="it5">
                        <f:validator binding="#{row.bindings.PhoneNumber.validator}"/>
                      </af:inputText>
                    </af:column>
                    <af:column sortProperty="HireDate" filterable="true"
                               sortable="true"  width="90" inlineStyle="text-align:left;"
                               headerText="#{bindings.EmployeesView1.hints.HireDate.label}"
                               id="c5">
                      <f:facet name="filter">
                        <af:inputDate value="#{vs.filterCriteria.HireDate}"
                                      binding="#{backingBeanScope.backing_untitled3.id1}"
                                      id="id1"/>
                      </f:facet>
                      <af:inputDate value="#{row.bindings.HireDate.inputValue}"
                                    label="#{bindings.EmployeesView1.hints.HireDate.label}"
                                    required="#{bindings.EmployeesView1.hints.HireDate.mandatory}"
                                    shortDesc="#{bindings.EmployeesView1.hints.HireDate.tooltip}"
                                    id="id2">
                        <f:validator binding="#{row.bindings.HireDate.validator}"/>
                        <af:convertDateTime pattern="#{bindings.EmployeesView1.hints.HireDate.format}"/>
                      </af:inputDate>
                    </af:column>
                    <af:column sortProperty="JobId" filterable="true"
                               sortable="true"  width="70" inlineStyle="text-align:center;"
                               headerText="#{bindings.EmployeesView1.hints.JobId.label}"
                               id="c3">
                      <af:inputText value="#{row.bindings.JobId.inputValue}"
                                    label="#{bindings.EmployeesView1.hints.JobId.label}"
                                    required="#{bindings.EmployeesView1.hints.JobId.mandatory}"
                                    columns="#{bindings.EmployeesView1.hints.JobId.displayWidth}"
                                    maximumLength="#{bindings.EmployeesView1.hints.JobId.precision}"
                                    shortDesc="#{bindings.EmployeesView1.hints.JobId.tooltip}"
                                    id="it7">
                        <f:validator binding="#{row.bindings.JobId.validator}"/>
                      </af:inputText>
                    </af:column>
                    <af:column sortProperty="Salary" filterable="true"
                               sortable="true" width="110" inlineStyle="text-align:center;"
                               headerText="#{bindings.EmployeesView1.hints.Salary.label}"
                               id="c2">
                      <af:inputText value="#{row.bindings.Salary.inputValue}"
                                    label="#{bindings.EmployeesView1.hints.Salary.label}"
                                    required="#{bindings.EmployeesView1.hints.Salary.mandatory}"
                                    columns="#{bindings.EmployeesView1.hints.Salary.displayWidth}"
                                    maximumLength="#{bindings.EmployeesView1.hints.Salary.precision}"
                                    shortDesc="#{bindings.EmployeesView1.hints.Salary.tooltip}"
                                    id="it9">
                        <f:validator binding="#{row.bindings.Salary.validator}"/>
                        <af:convertNumber groupingUsed="false"
                                          pattern="#{bindings.EmployeesView1.hints.Salary.format}"/>
                      </af:inputText>
                    </af:column>
                    <af:column sortProperty="CommissionPct" filterable="true"
                               sortable="true" width="90" inlineStyle="text-align:center;"
                               headerText="#{bindings.EmployeesView1.hints.CommissionPct.label}"
                               id="c8">
                      <af:inputText value="#{row.bindings.CommissionPct.inputValue}"
                                    label="#{bindings.EmployeesView1.hints.CommissionPct.label}"
                                    required="#{bindings.EmployeesView1.hints.CommissionPct.mandatory}"
                                    columns="#{bindings.EmployeesView1.hints.CommissionPct.displayWidth}"
                                    maximumLength="#{bindings.EmployeesView1.hints.CommissionPct.precision}"
                                    shortDesc="#{bindings.EmployeesView1.hints.CommissionPct.tooltip}"
                                    id="it3">
                        <f:validator binding="#{row.bindings.CommissionPct.validator}"/>
                        <af:convertNumber groupingUsed="false"
                                          pattern="#{bindings.EmployeesView1.hints.CommissionPct.format}"/>
                      </af:inputText>
                    </af:column>
                    <af:column sortProperty="ManagerId" filterable="true"
                               sortable="true" width="120" inlineStyle="text-align:center;"
                               headerText="#{bindings.EmployeesView1.hints.ManagerId.label}"
                               id="c10">
                      <af:inputText value="#{row.bindings.ManagerId.inputValue}"
                                    label="#{bindings.EmployeesView1.hints.ManagerId.label}"
                                    required="#{bindings.EmployeesView1.hints.ManagerId.mandatory}"
                                    columns="#{bindings.EmployeesView1.hints.ManagerId.displayWidth}"
                                    maximumLength="#{bindings.EmployeesView1.hints.ManagerId.precision}"
                                    shortDesc="#{bindings.EmployeesView1.hints.ManagerId.tooltip}"
                                    id="it8">
                        <f:validator binding="#{row.bindings.ManagerId.validator}"/>
                        <af:convertNumber groupingUsed="false"
                                          pattern="#{bindings.EmployeesView1.hints.ManagerId.format}"/>
                      </af:inputText>
                    </af:column>
                    <af:column sortProperty="DepartmentId" filterable="true"
                               sortable="true" width="16"
                               headerText="#{bindings.EmployeesView1.hints.DepartmentId.label}"
                               id="c7">
                      <af:inputText value="#{row.bindings.DepartmentId.inputValue}"
                                    label="#{bindings.EmployeesView1.hints.DepartmentId.label}"
                                    required="#{bindings.EmployeesView1.hints.DepartmentId.mandatory}"
                                    columns="#{bindings.EmployeesView1.hints.DepartmentId.displayWidth}"
                                    maximumLength="#{bindings.EmployeesView1.hints.DepartmentId.precision}"
                                    shortDesc="#{bindings.EmployeesView1.hints.DepartmentId.tooltip}"
                                    id="it4">
                        <f:validator binding="#{row.bindings.DepartmentId.validator}"/>
                        <af:convertNumber groupingUsed="false"
                                          pattern="#{bindings.EmployeesView1.hints.DepartmentId.format}"/>
                      </af:inputText>
                    </af:column>
                  </af:table>
                </af:panelCollection>
            </af:panelGroupLayout>
           </af:panelHeader>
           </f:facet>
       <f:facet name="p">
            <af:popup binding="#{backingBeanScope.backing_untitled3.p1}" childCreation="deferred" autoCancel="disabled"
                      id="p1" contentDelivery="lazyUncached" >
              <af:dialog binding="#{backingBeanScope.backing_untitled3.d2}"
                         id="d2">
                <af:panelFormLayout binding="#{backingBeanScope.backing_untitled3.pfl1}"
                                    id="pfl1">
                  <af:inputText value="#{bindings.EmployeeId.inputValue}"
                                label="#{bindings.EmployeeId.hints.label}"
                                required="#{bindings.EmployeeId.hints.mandatory}"
                                columns="#{bindings.EmployeeId.hints.displayWidth}"
                                maximumLength="#{bindings.EmployeeId.hints.precision}"
                                shortDesc="#{bindings.EmployeeId.hints.tooltip}"
                                binding="#{backingBeanScope.backing_untitled3.it11}"
                                id="it11">
                    <f:validator binding="#{bindings.EmployeeId.validator}"/>
                    <af:convertNumber groupingUsed="false"
                                      pattern="#{bindings.EmployeeId.format}"/>
                  </af:inputText>
                  <af:inputText value="#{bindings.FirstName.inputValue}"
                                label="#{bindings.FirstName.hints.label}"
                                required="#{bindings.FirstName.hints.mandatory}"
                                columns="#{bindings.FirstName.hints.displayWidth}"
                                maximumLength="#{bindings.FirstName.hints.precision}"
                                shortDesc="#{bindings.FirstName.hints.tooltip}"
                                binding="#{backingBeanScope.backing_untitled3.it12}"
                                id="it12">
                    <f:validator binding="#{bindings.FirstName.validator}"/>
                  </af:inputText>
                  <af:inputText value="#{bindings.LastName.inputValue}"
                                label="#{bindings.LastName.hints.label}"
                                required="#{bindings.LastName.hints.mandatory}"
                                columns="#{bindings.LastName.hints.displayWidth}"
                                maximumLength="#{bindings.LastName.hints.precision}"
                                shortDesc="#{bindings.LastName.hints.tooltip}"
                                binding="#{backingBeanScope.backing_untitled3.it13}"
                                id="it13">
                    <f:validator binding="#{bindings.LastName.validator}"/>
                  </af:inputText>
                  <af:inputText value="#{bindings.Email.inputValue}"
                                label="#{bindings.Email.hints.label}"
                                required="#{bindings.Email.hints.mandatory}"
                                columns="#{bindings.Email.hints.displayWidth}"
                                maximumLength="#{bindings.Email.hints.precision}"
                                shortDesc="#{bindings.Email.hints.tooltip}"
                                binding="#{backingBeanScope.backing_untitled3.it14}"
                                id="it14">
                    <f:validator binding="#{bindings.Email.validator}"/>
                  </af:inputText>
                  <af:inputText value="#{bindings.PhoneNumber.inputValue}"
                                label="#{bindings.PhoneNumber.hints.label}"
                                required="#{bindings.PhoneNumber.hints.mandatory}"
                                columns="#{bindings.PhoneNumber.hints.displayWidth}"
                                maximumLength="#{bindings.PhoneNumber.hints.precision}"
                                shortDesc="#{bindings.PhoneNumber.hints.tooltip}"
                                binding="#{backingBeanScope.backing_untitled3.it15}"
                                id="it15">
                    <f:validator binding="#{bindings.PhoneNumber.validator}"/>
                  </af:inputText>
                  <af:inputDate value="#{bindings.HireDate.inputValue}"
                                label="#{bindings.HireDate.hints.label}"
                                required="#{bindings.HireDate.hints.mandatory}"
                                shortDesc="#{bindings.HireDate.hints.tooltip}"
                                binding="#{backingBeanScope.backing_untitled3.id3}"
                                id="id3">
                    <f:validator binding="#{bindings.HireDate.validator}"/>
                    <af:convertDateTime pattern="#{bindings.HireDate.format}"/>
                  </af:inputDate>
                  <af:inputText value="#{bindings.JobId.inputValue}"
                                label="#{bindings.JobId.hints.label}"
                                required="#{bindings.JobId.hints.mandatory}"
                                columns="#{bindings.JobId.hints.displayWidth}"
                                maximumLength="#{bindings.JobId.hints.precision}"
                                shortDesc="#{bindings.JobId.hints.tooltip}"
                                binding="#{backingBeanScope.backing_untitled3.it16}"
                                id="it16">
                    <f:validator binding="#{bindings.JobId.validator}"/>
                  </af:inputText>
                  <af:inputText value="#{bindings.Salary.inputValue}"
                                label="#{bindings.Salary.hints.label}"
                                required="#{bindings.Salary.hints.mandatory}"
                                columns="#{bindings.Salary.hints.displayWidth}"
                                maximumLength="#{bindings.Salary.hints.precision}"
                                shortDesc="#{bindings.Salary.hints.tooltip}"
                                binding="#{backingBeanScope.backing_untitled3.it17}"
                                id="it17">
                    <f:validator binding="#{bindings.Salary.validator}"/>
                    <af:convertNumber groupingUsed="false"
                                      pattern="#{bindings.Salary.format}"/>
                  </af:inputText>
                  <af:inputText value="#{bindings.CommissionPct.inputValue}"
                                label="#{bindings.CommissionPct.hints.label}"
                                required="#{bindings.CommissionPct.hints.mandatory}"
                                columns="#{bindings.CommissionPct.hints.displayWidth}"
                                maximumLength="#{bindings.CommissionPct.hints.precision}"
                                shortDesc="#{bindings.CommissionPct.hints.tooltip}"
                                binding="#{backingBeanScope.backing_untitled3.it18}"
                                id="it18">
                    <f:validator binding="#{bindings.CommissionPct.validator}"/>
                    <af:convertNumber groupingUsed="false"
                                      pattern="#{bindings.CommissionPct.format}"/>
                  </af:inputText>
                  <af:inputText value="#{bindings.ManagerId.inputValue}"
                                label="#{bindings.ManagerId.hints.label}"
                                required="#{bindings.ManagerId.hints.mandatory}"
                                columns="#{bindings.ManagerId.hints.displayWidth}"
                                maximumLength="#{bindings.ManagerId.hints.precision}"
                                shortDesc="#{bindings.ManagerId.hints.tooltip}"
                                binding="#{backingBeanScope.backing_untitled3.it19}"
                                id="it19">
                    <f:validator binding="#{bindings.ManagerId.validator}"/>
                    <af:convertNumber groupingUsed="false"
                                      pattern="#{bindings.ManagerId.format}"/>
                  </af:inputText>
                  <af:inputText value="#{bindings.DepartmentId.inputValue}"
                                label="#{bindings.DepartmentId.hints.label}"
                                required="#{bindings.DepartmentId.hints.mandatory}"
                                columns="#{bindings.DepartmentId.hints.displayWidth}"
                                maximumLength="#{bindings.DepartmentId.hints.precision}"
                                shortDesc="#{bindings.DepartmentId.hints.tooltip}"
                                binding="#{backingBeanScope.backing_untitled3.it20}"
                                id="it20">
                    <f:validator binding="#{bindings.DepartmentId.validator}"/>
                    <af:convertNumber groupingUsed="false"
                                      pattern="#{bindings.DepartmentId.format}"/>
                  </af:inputText>
                  <f:facet name="footer">
                    <af:panelGroupLayout layout="vertical"
                                         binding="#{backingBeanScope.backing_untitled3.pgl1}"
                                         id="pgl1">
                      <af:panelGroupLayout layout="horizontal"
                                           binding="#{backingBeanScope.backing_untitled3.pgl3}"
                                           id="pgl3">
                        <af:commandButton actionListener="#{bindings.First.execute}"
                                          text="First"
                                          disabled="#{!bindings.First.enabled}"
                                          partialSubmit="true"
                                          binding="#{backingBeanScope.backing_untitled3.cb1}"
                                          id="cb1"/>
                        <af:commandButton actionListener="#{bindings.Previous.execute}"
                                          text="Previous"
                                          disabled="#{!bindings.Previous.enabled}"
                                          partialSubmit="true"
                                          binding="#{backingBeanScope.backing_untitled3.cb2}"
                                          id="cb2"/>
                        <af:commandButton actionListener="#{bindings.Next.execute}"
                                          text="Next"
                                          disabled="#{!bindings.Next.enabled}"
                                          partialSubmit="true"
                                          binding="#{backingBeanScope.backing_untitled3.cb3}"
                                          id="cb3"/>
                        <af:commandButton actionListener="#{bindings.Last.execute}"
                                          text="Last"
                                          disabled="#{!bindings.Last.enabled}"
                                          partialSubmit="true"
                                          binding="#{backingBeanScope.backing_untitled3.cb4}"
                                          id="cb4"/>
                      </af:panelGroupLayout>
                      <af:commandButton text="Submit"
                                        binding="#{backingBeanScope.backing_untitled3.cb5}"
                                        id="cb5"/>
                    </af:panelGroupLayout>
                  </f:facet>
                </af:panelFormLayout>
              </af:dialog>
  </af:popup>
            </f:facet>
           <f:facet name="innerToolbar">
          </f:facet>
        </af:pageTemplate>
      </af:form>
    </af:document>
  </f:view>
  <!--oracle-jdev-comment:auto-binding-backing-bean-name:backing_untitled3-->
</jsp:root>i h'd doubt in your code and your picture
http://imageshack.us/photo/my-images/820/afterclickq.jpg/
in that picture seems to clicktoedit option for table.
but the code show all are output text and show details items are shown in picture but the code doent show like that..
whatever. if your using click to edit option in table means one records to getsup of gets down. it's not problem.