JSF Richfaces数据表和datascroller加载
我想知道当我加载rich:datatable(主要在第一次显示时,以及每次rich:dataScroller中的页面更改时)时,是否可能在页面上显示加载覆盖,因为加载速度非常慢 以下是我目前的情况:JSF Richfaces数据表和datascroller加载,jsf,richfaces,overlay,loading,Jsf,Richfaces,Overlay,Loading,我想知道当我加载rich:datatable(主要在第一次显示时,以及每次rich:dataScroller中的页面更改时)时,是否可能在页面上显示加载覆盖,因为加载速度非常慢 以下是我目前的情况: <ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http:/
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich" xmlns:sec="http://www.springframework.org/security/tags" xmlns:p="http://primefaces.org/ui">
<f:view>
<h:form>
<!-- some more content -->
<rich:dataTable width="500" id="attendanceList" reRender="scroller"
rows="#{bean.getRowsAmount()}" columnClasses="attendance"
rowClasses="even-row, odd-row"
value="#{bean.getList()}" var="a"
style="width:100%" rendered="#{attendance.renderList}">
<f:facet name="header">
<rich:columnGroup>
<h:column rendered="#{bean.renderColumn}">
<h:commandLink styleClass="order-table-header" value="Column Header" action="#{bean.columnSorting()}" />
</h:column>
<!-- more columns -->
</rich:columnGroup>
</f:facet>
<h:column rendered="#{bean.renderColumn}">
<h:outputText value="#{bean.columnConent}" />
</h:column>
<!-- more columns -->
<f:facet name="footer" id="tot">
<rich:dataScroller id="scroller" for="attendanceList" maxPages="15"
fastControls="hide" page="#{bean.scrollerPage}"
rendered="#{bean.renderScroller}">
<f:facet name="first">
<h:outputText value="First" />
</f:facet>
<f:facet name="last">
<h:outputText value="Last" />
</f:facet>
<f:facet name="previous">
<h:outputText value="Previous" />
</f:facet>
<f:facet name="next">
<h:outputText value="Next" />
</f:facet>
</rich:dataScroller>
</f:facet>
</rich:dataTable>
</h:form>
</f:view>
我找到了另一个选择
在页面加载期间,我将光标更改为加载时钟
将以下内容添加到rich:dataScroller标记属性:
onbegin="waitCursor(true)" oncomplete="waitCursor(false)"
还有下面的脚本
waitCursor=function(wait){
if (wait) {
document.body.style.cursor = "wait"; // just the clock
//document.body.style.cursor = "url(images/mywaitcursor.cur), progress"; // custom cursor, on non supporting browsers would default to clock
//document.body.style.cursor = "progress"; // arrow and clock (so you can still click anything)
// anyway, if you have defined cursors with CSS for other regions in your page
// this wait cursor will be overriden when hovering over those regions
} else {
document.body.style.cursor = ""; // so it goes back to previous CSS defined value
}
}