You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by Ed Murphy <em...@email.arizona.edu> on 2005/02/23 01:13:26 UTC
x:dataScroller
Hi,
I'm trying to use the MyFaces component <x:dataScroller> with an
<x:dataTable> component. I used the dataScroller example from the MyFaces -
Examples as my guide. I can get the <x:dataTable> component to render fine,
but whenever I use the <h:panelGrid> with the enclosed <x:dataScroller>
components I get a blank page rendered. What am I doing wrong?
Here's a snippet of my code:
------------------------------------------------------------------ start
code ----------------------------------------------------------------
<x:dataTable value="#{state.roster.studentEnrollmentRecords}"
id="studentRecords"
var="student" width="600"
styleClass="rosterDataTable"
rowClasses="printOddRow,printEvenRow"
columnClasses="rosterDataTableColumn"
preserveDataModel="true"
rows="10" >
<h:column
rendered="#{state.rosterNumberEnabled}">
<f:facet
name="header">
<h:outputText value="#{msgs.rosterNumber}"/>
</f:facet>
<h:outputText
value="<script type='text/javascript'>increment()</script>" escape="false"/>
</h:column>
<h:column>
<f:facet
name="header">
<h:outputText value="#{msgs.rosterStudentName}"/>
</f:facet>
<h:outputText
value="#{student.lastName}, #{student.firstName}"/>
<h:outputText value="
#{student.middleName}"
rendered =
"#{student.middleNameSupplied}"/>
<h:outputText value=",
#{student.suffix}"
rendered =
"#{student.suffixSupplied}"/>
<h:outputText
value="<br/><#{student.email}>"
rendered="#{state.emailEnabled}"
escape="false"/>
<%-- h:message
for="enrolledStuName" errorClass="errors"/ --%>
</h:column>
<h:column
rendered="#{state.idEnabled}">
<f:facet
name="header">
<h:outputText value="#{msgs.rosterStudentNumber}" escape="false"/>
</f:facet>
<h:outputText
value="#{student.studentNumber}"/>
</h:column>
<h:column
rendered="#{state.sectionEnabled and !state.roster.soloCourse}">
<f:facet
name="header">
<h:outputText
value="#{msgs.rosterEnrolledCourseSection}"/>
</f:facet>
<h:outputText
id="enrolledCourseID"
value="#{student.courseID.courseID}-#{student.courseID.sectionNumber}"/>
<h:message
for="enrolledCourseID" errorClass="errors"/>
</h:column>
<h:column
rendered="#{state.hoursEnabled}">
<f:facet
name="header">
<h:outputText value="#{msgs.rosterStudentHours}"/>
</f:facet>
<h:outputText
value="#{student.enrolledHours}"/>
</h:column>
<h:column
rendered="#{state.gradeTypeEnabled}">
<f:facet
name="header">
<h:outputText value="#{msgs.rosterStudentGradeType}" escape="false"/>
</f:facet>
<h:outputText
value="#{student.gradeType}"/>
</h:column>
<h:column
rendered="#{state.collegeEnabled}">
<f:facet
name="header">
<h:outputText value="#{msgs.rosterStudentCollege}"/>
</f:facet>
<h:outputText
value="#{student.college}"/>
</h:column>
<h:column
rendered="#{state.standingEnabled}">
<f:facet
name="header">
<h:outputText value="#{msgs.rosterStudentYear}"/>
</f:facet>
<h:outputText
value="#{student.studyYear}"/>
</h:column>
<h:column
rendered="#{state.degreeEnabled}">
<f:facet
name="header">
<h:outputText value="#{msgs.rosterStudentDegree}"/>
</f:facet>
<h:outputText
value="#{student.degree}"/>
</h:column>
<h:column
rendered="#{state.majorEnabled}">
<f:facet
name="header">
<h:outputText value="#{msgs.rosterStudentMajor}"/>
</f:facet>
<h:outputText
value="#{student.major}"/>
</h:column>
<h:column
rendered="#{state.advancedStandingEnabled}">
<f:facet
name="header">
<h:outputText value="#{msgs.rosterStudentAdvStdg}" escape="false"/>
</f:facet>
<h:outputText
value="#{student.advancedStanding}"/>
</h:column>
</x:dataTable>
<h:panelGrid columns="1"
styleClass="scrollerTable" columnClasses="standardTable_ColumnCentered" >
<x:dataScroller id="scroll_1"
for="studentRecords"
fastStep="10"
pageCountVar="pageCount"
pageIndexVar="pageIndex"
styleClass="scroller"
paginator="true"
paginatorMaxPages="9"
paginatorTableClass="paginator"
paginatorActiveColumnStyle="font-weight:bold;">
<f:facet name="first" >
<h:graphicImage
url="#{msgs.dataScrollerArrowFirstIcon}"/>
</f:facet>
<f:facet name="last">
<h:graphicImage
url="#{msgs.dataScrollerArrowLastIcon}"/>
</f:facet>
<f:facet name="previous">
<h:graphicImage
url="#{msgs.dataScrollerArrowPreviousIcon}"/>
</f:facet>
<f:facet name="next">
<h:graphicImage
url="#{msgs.dataScrollerArrowNextIcon}"/>
</f:facet>
<f:facet name="fastforward">
<h:graphicImage
url="#{msgs.dataScrollerArrowFfIcon}"/>
</f:facet>
<f:facet name="fastrewind">
<h:graphicImage
url="#{msgs.dataScrollerArrowFrIcon}"/>
</f:facet>
</x:dataScroller>
<x:dataScroller id="scroll_2"
for="studentRecords"
rowsCountVar="rowsCount"
displayedRowsCountVar="displayedRowsCountVar"
firstRowIndexVar="firstRowIndex"
lastRowIndexVar="lastRowIndex"
pageCountVar="pageCount"
pageIndexVar="pageIndex">
<h:outputFormat value="#{msgs.dataScrollerStudents}"
styleClass="standard" >
<f:param value="#{rowsCount}" />
<f:param value="#{displayedRowsCountVar}" />
<f:param value="#{firstRowIndex}" />
<f:param value="#{lastRowIndex}" />
<f:param value="#{pageIndex}" />
<f:param value="#{pageCount}" />
</h:outputFormat>
</x:dataScroller>
</h:panelGrid>
----------------------------------------------------------------------------
-- endCode ------------------------------------------------------------
By the way, the jsp page with the above code is called as an include from
another jsp page. Any help would be greatly appreciated.
Thanks,
Ed Murphy
University of Arizona