[richfaces-issues] [JBoss JIRA] Updated: (RF-4174) ScrollableDatatable sort does not work and strange rendering after clicking header to sort (while testing ScrollableDataTable from the live demo)

Tuesday, 12 August 2008

     [
https://jira.jboss.org/jira/browse/RF-4174?page=com.atlassian.jira.plugin...
]

Yves Janssen updated RF-4174:
-----------------------------

    Description: 
After having strange behaviour in our application with the scrollable Datatable I loaded
the example from the live demo
But in this example I have the same strange behaviour:
ScrollableDatatable sort does not work and strange rendering after clicking header to sort
(no styles applied and headers appear after the footers)

 <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">

		<html xmlns="http://www.w3.org/1999/xhtml">
			<head>
				<title>SDT</title>
				<meta content="text/html; charset=UTF-8"
http-equiv="Content-Type" />
			</head>
		<body>		
		<h:form>
			<rich:spacer height="30" />
			<rich:scrollableDataTable rowKeyVar="rkv" frozenColCount="1"
height="400px" 
				width="700px" id="carList" rows="40"
columnClasses="col"
				value="#{dataTableScrollerBean.allCars}" var="category"
sortMode="single"
				binding="#{dataTableScrollerBean.table}"
				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}" />
				</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}" />
				</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="true">
				<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>
			<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:outputText value="#{sel.model}" />
				</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:outputText value="#{sel.stock}" />
				</rich:column>
			</rich:dataTable>
		</rich:modalPanel>
		</body>
		</html>
</ui:composition>

  was:
After having strange behaviour in our application with the scrollable Datatable I loaded
the example from the live demo
But in this example I have the same strange behaviour:
ScrollableDatatable sort does not work and strange rendering after clicking header to sort
(no styles applied and headers appear after the footers)

...
 ScrollableDatatable sort does not work and strange rendering after
clicking header to sort  (while testing ScrollableDataTable from the live demo)

--------------------------------------------------------------------------------------------------------------------------------------------------

                 Key: RF-4174
                 URL: https://jira.jboss.org/jira/browse/RF-4174
             Project: RichFaces
          Issue Type: Bug
    Affects Versions: 3.2.1
         Environment: Eclipse 3.3.1, Tomcat 6.0.14
            Reporter: Yves Janssen
         Attachments: after sort.bmp, before sort.bmp

 After having strange behaviour in our application with the scrollable Datatable I loaded
the example from the live demo
 But in this example I have the same strange behaviour:
 ScrollableDatatable sort does not work and strange rendering after clicking header to
sort (no styles applied and headers appear after the footers)
  <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">
 		<html xmlns="http://www.w3.org/1999/xhtml">
 			<head>
 				<title>SDT</title>
 				<meta content="text/html; charset=UTF-8"
http-equiv="Content-Type" />
 			</head>
 		<body>		
 		<h:form>
 			<rich:spacer height="30" />
 			<rich:scrollableDataTable rowKeyVar="rkv" frozenColCount="1"
height="400px" 
 				width="700px" id="carList" rows="40"
columnClasses="col"
 				value="#{dataTableScrollerBean.allCars}" var="category"
sortMode="single"
 				binding="#{dataTableScrollerBean.table}"
 				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}" />
 				</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}" />
 				</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="true">
 				<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>
 			<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:outputText value="#{sel.model}" />
 				</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:outputText value="#{sel.stock}" />
 				</rich:column>
 			</rich:dataTable>
 		</rich:modalPanel>
 		</body>
 		</html>
 </ui:composition> 
-- 
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators:
https://jira.jboss.org/jira/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira

2024

2023

2022

2021

2020

2019

2018

2017

2016

2015

2014

2013

2012

2011

2010

2009

2008

2007

[richfaces-issues] [JBoss JIRA] Updated: (RF-4174) ScrollableDatatable sort does not work and strange rendering after clicking header to sort (while testing ScrollableDataTable from the live demo)