时间戳

首页 > 解决方案 > 如何禁用整个 Primefaces 数据表

javascript - 如何禁用整个 Primefaces 数据表

问题描述

有没有办法禁用整个dataTablePrimefaces？有人建议使用该editable组件，但这似乎没有帮助。

#{conversionRatesBean.readOnlyUser}是过滤掉用户组的代码。

我正在使用Primefaces 3.5和JSF 2.1.6

如果不在 Primefaces 中，有人可以在 jQuery 中提出一些解决方案吗？

<div class="grid_12 width_75_pc margin_left_auto" > 
    <div class="datatable">
        <p:dataTable editable="#{!conversionRatesBean.readOnlyUser}" id="conversionRateTable" var="row" value="#{conversionRatesBean.rowNames}" rowIndexVar="rowIdx" styleClass="projectTable table-container">
            <p:column headerText="" styleClass="#{rowIdx  == -1  ? 'itPanelGreen' : 'ui-widget-header'} textAlignCenter valign-middle width_20_pc column_name" >
                            <h:outputText value="1  #{row.name} =" />
            </p:column>
            <p:columns var="column" value="#{conversionRatesBean.colNames}" headerText="#{column.name}" columnIndexVar="colIdx"
                                    styleClass="#{rowIdx == colIdx ? 'itPanelGreen' : 'textAlignCenter'}">
                  <input:decimalField beanValue="#{conversionRatesBean.conversionMap[row][column].conversionValue}"
                      errorMsg="#{msgs['errorInvalidValue']}"
                      rendered="#{rowIdx != colIdx}"
                      decimalFields="4"
                      errorDecimal="#{msgs['packaging.error.number.decimals']}"
                      styleClass="textAlignRight "
                      maxLength="9"/>
            </p:columns>
        </p:dataTable>
    </div>
</div>
<div class="actions grid_12 alpha">
        <p:commandButton id="saveBtn" value="Save" update="conversionRateTable"
            action="#{conversionRatesBean.save}"
            oncomplete = "qt.removeSavedState();"
            disabled="#{conversionRatesBean.readOnlyUser}"
            styleClass="js-saveButton button" onstart="screenUtils.triggerRequired(); if(screenUtils.errorsOnPage()){return false;}"/>

        <pretty:link mappingId="rateSelection" styleClass="displayInlineBlock margin_top_5">
            <f:param value="#{conversionRatesBean.rateId}" />
            <h:outputText value="#{msgs.backtoOverView}" styleClass="linky margin_left_10" />
        </pretty:link>
</div>

标签： javascriptjqueryjsfprimefaces

解决方案

我设法通过这样做解决了这个问题：

在页面中添加了以下代码行decimalField.xhtml，它本质上是输入标签的复合实现。

<composite:interface>
   <composite:attribute name="disabled" default="#{false}"/>
</composite:interface>

此后，从使用页面conversionRates.xhtml调用复合属性如下：

<input:decimalField disabled="#{conversionRatesBean.readOnlyUser}"/>

推荐阅读