[richfaces-issues] [JBoss JIRA] (RF-7169) scrollableDataTable: first column disappears after crolling
Brian Leathem (JIRA)
jira-events at lists.jboss.org
Mon Jun 10 23:20:54 EDT 2013
[ https://issues.jboss.org/browse/RF-7169?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]
Brian Leathem updated RF-7169:
------------------------------
Description:
see richfaces demo
Code to reproduce:
{code}
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<style>
.scrolls{
width:300px;
height:200px;
overflow:auto;
}
</style>
<h:form>
<rich:spacer height="30" />
<rich:scrollableDataTable rowKeyVar="rkv" frozenColCount="1" height="400px"
width="400px" id="carList" rows="40" columnClasses="col"
value="#{dataTableScrollerBean.allCars}" var="category" sortMode="single"
binding="#{dataTableScrollerBean.table}"
sortOrder="#{dataTableScrollerBean.order}"
selection="#{dataTableScrollerBean.selection}">
<rich:column id="make">
<f:facet name="header"><h:outputText styleClass="headerText" value="Make" /></f:facet>
<h:outputText value="#{category.make}" />
</rich:column>
<rich:column id="model">
<f:facet name="header"><h:outputText styleClass="headerText" value="Model" /></f:facet>
<h:outputText value="#{category.model}" />
<h:inputText value=""/>
</rich:column>
<rich:column id="price">
<f:facet name="header"><h:outputText styleClass="headerText" value="Price" /></f:facet>
<h:outputText value="#{category.price}" />
</rich:column>
<rich:column id="mileage">
<f:facet name="header"><h:outputText styleClass="headerText" value="Mileage" /></f:facet>
<h:outputText value="#{category.mileage}" />
</rich:column>
<rich:column width="200px" id="vin">
<f:facet name="header"><h:outputText styleClass="headerText" value="VIN" /></f:facet>
<h:outputText value="#{category.vin}" />
</rich:column>
<rich:column id="stock">
<f:facet name="header"><h:outputText styleClass="headerText" value="Stock" /></f:facet>
<h:outputText value="#{category.stock}" />
<h:inputText value=""/>
</rich:column>
</rich:scrollableDataTable>
<rich:spacer height="20px"/>
<a4j:commandButton value="Show Current Selection" reRender="table"
action="#{dataTableScrollerBean.takeSelection}"
oncomplete="javascript:Richfaces.showModalPanel('panel');"/>
</h:form>
<rich:modalPanel id="panel" autosized="false" keepVisualState="false" width="315" height="230">
<f:facet name="header">
<h:outputText value="Selected Rows"/>
</f:facet>
<f:facet name="controls">
<span style="cursor:pointer" onclick="javascript:Richfaces.hideModalPanel('panel')">X</span>
</f:facet>
<h:panelGroup layout="block" styleClass="scrolls">
<rich:dataTable value="#{dataTableScrollerBean.selectedCars}" var="sel" id="table">
<rich:column>
<f:facet name="header"><h:outputText value="Make" /></f:facet>
<h:outputText value="#{sel.make}" />
</rich:column>
<rich:column id="model">
<f:facet name="header"><h:outputText value="Model" /></f:facet>
<h:inputText value=""/>
</rich:column>
<rich:column id="price">
<f:facet name="header"><h:outputText value="Price" /></f:facet>
<h:outputText value="#{sel.price}" />
</rich:column>
<rich:column id="mileage">
<f:facet name="header"><h:outputText value="Mileage" /></f:facet>
<h:outputText value="#{sel.mileage}" />
</rich:column>
<rich:column id="stock">
<f:facet name="header"><h:outputText value="Stock" /></f:facet>
<h:inputText value=""/>
</rich:column>
</rich:dataTable>
</h:panelGroup>
</rich:modalPanel>
</ui:composition>
{code}
was:see richfaces demo
> scrollableDataTable: first column disappears after crolling
> -----------------------------------------------------------
>
> Key: RF-7169
> URL: https://issues.jboss.org/browse/RF-7169
> Project: RichFaces
> Issue Type: Bug
> Security Level: Public(Everyone can see)
> Components: compatibility, component-ScrollableDataTable
> Affects Versions: 3.3.1
> Environment: richfaces-demo
> IE 8
> Reporter: Tsikhon Kuprevich
> Priority: Minor
> Fix For: 3.Future
>
>
> see richfaces demo
> Code to reproduce:
> {code}
> <ui:composition xmlns="http://www.w3.org/1999/xhtml"
> xmlns:ui="http://java.sun.com/jsf/facelets"
> xmlns:h="http://java.sun.com/jsf/html"
> xmlns:f="http://java.sun.com/jsf/core"
> xmlns:a4j="http://richfaces.org/a4j"
> xmlns:rich="http://richfaces.org/rich">
> <style>
> .scrolls{
> width:300px;
> height:200px;
> overflow:auto;
> }
> </style>
> <h:form>
> <rich:spacer height="30" />
> <rich:scrollableDataTable rowKeyVar="rkv" frozenColCount="1" height="400px"
> width="400px" id="carList" rows="40" columnClasses="col"
> value="#{dataTableScrollerBean.allCars}" var="category" sortMode="single"
> binding="#{dataTableScrollerBean.table}"
> sortOrder="#{dataTableScrollerBean.order}"
> selection="#{dataTableScrollerBean.selection}">
> <rich:column id="make">
> <f:facet name="header"><h:outputText styleClass="headerText" value="Make" /></f:facet>
> <h:outputText value="#{category.make}" />
> </rich:column>
> <rich:column id="model">
> <f:facet name="header"><h:outputText styleClass="headerText" value="Model" /></f:facet>
> <h:outputText value="#{category.model}" />
> <h:inputText value=""/>
> </rich:column>
> <rich:column id="price">
> <f:facet name="header"><h:outputText styleClass="headerText" value="Price" /></f:facet>
> <h:outputText value="#{category.price}" />
> </rich:column>
> <rich:column id="mileage">
> <f:facet name="header"><h:outputText styleClass="headerText" value="Mileage" /></f:facet>
> <h:outputText value="#{category.mileage}" />
> </rich:column>
> <rich:column width="200px" id="vin">
> <f:facet name="header"><h:outputText styleClass="headerText" value="VIN" /></f:facet>
> <h:outputText value="#{category.vin}" />
> </rich:column>
> <rich:column id="stock">
> <f:facet name="header"><h:outputText styleClass="headerText" value="Stock" /></f:facet>
> <h:outputText value="#{category.stock}" />
> <h:inputText value=""/>
> </rich:column>
> </rich:scrollableDataTable>
> <rich:spacer height="20px"/>
> <a4j:commandButton value="Show Current Selection" reRender="table"
> action="#{dataTableScrollerBean.takeSelection}"
> oncomplete="javascript:Richfaces.showModalPanel('panel');"/>
> </h:form>
> <rich:modalPanel id="panel" autosized="false" keepVisualState="false" width="315" height="230">
> <f:facet name="header">
> <h:outputText value="Selected Rows"/>
> </f:facet>
> <f:facet name="controls">
> <span style="cursor:pointer" onclick="javascript:Richfaces.hideModalPanel('panel')">X</span>
> </f:facet>
> <h:panelGroup layout="block" styleClass="scrolls">
> <rich:dataTable value="#{dataTableScrollerBean.selectedCars}" var="sel" id="table">
> <rich:column>
> <f:facet name="header"><h:outputText value="Make" /></f:facet>
> <h:outputText value="#{sel.make}" />
> </rich:column>
> <rich:column id="model">
> <f:facet name="header"><h:outputText value="Model" /></f:facet>
> <h:inputText value=""/>
> </rich:column>
> <rich:column id="price">
> <f:facet name="header"><h:outputText value="Price" /></f:facet>
> <h:outputText value="#{sel.price}" />
> </rich:column>
> <rich:column id="mileage">
> <f:facet name="header"><h:outputText value="Mileage" /></f:facet>
> <h:outputText value="#{sel.mileage}" />
> </rich:column>
> <rich:column id="stock">
> <f:facet name="header"><h:outputText value="Stock" /></f:facet>
> <h:inputText value=""/>
> </rich:column>
> </rich:dataTable>
> </h:panelGroup>
> </rich:modalPanel>
> </ui:composition>
> {code}
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira
More information about the richfaces-issues
mailing list