检查primefaces中的数据表是否为空

Question

我有一个带有 jsf 的 primefaces 数据表，我需要使用 jquery/js 检查数据表何时为空，但我刚刚找到了不适用于 PF 的“普通”数据表的标签。

豆子

private ArrayList<Curso> curs = null;
private ArrayList<Curso> listado_filtrado;
private DefaultStreamedContent informe_cursos;

HTML

<p:outputPanel id="opTabla" >
		<p:dataTable id="tabla_elements"   
	              		value="#{Cursos.curs}"
	              		var="element"
	              		filteredValue="#{Cursos.listado_filtrado}"
	              		emptyMessage="No se encontraron elementos"
			            paginator="true" rows="20"  	
						currentPageReportTemplate="{startRecord} a {endRecord} de {totalRecords}"
					    paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"  
			            paginatorPosition="bottom">
		         	   	 
		         	    <p:ajax event="filter" update="exportar"/>
		         	   	<f:facet name="header">
		         	   		<div class="header-field-col">
	         						<p:commandButton id="anadir_curso" value="Añadir curso nuevo" icon="ui-icon-plus" />
	         				</div>
	         				<div class="header-field-col">	
	         							
	         					<p:commandButton id="exportar" value="Exportar" ajax="false" disabled="#{empty Cursos.curs}"  
	         									icon="ui-icon-arrowreturnthick-1-s">
	         						<p:fileDownload value="#{Cursos.informeCursos}" />	         						
	         					</p:commandButton>
	         					
							</div>
		         	   	</f:facet>	

Answer 1

您的p:dataTable 很可能引用了一个列表。为它添加一个 ajax 事件处理程序，例如过滤器（所有可以使页面为空的过滤器）

<p:dataTable value="#{myBean.myList}"...>
    <p:ajax event="filter" update="exportButton" ... >
    ...
</p:dataTable>

使用带有disabled 属性的p:commandButton，如下所示：

<p:commandButton id="exportButton" value="export" disabled="#{empty myBean.myList}" ... />

如果列表为空，它会禁用 commandButton 客户端和服务器端。所以用户也不能在客户端破解它。

commandButton 中的 'update' 元素确保按钮状态是，嗯，......更新相关事件。这些都是相当基本的 ajax 东西，也许可以阅读一些关于它的教程