如何禁用整个Primefaces dataTable

时间:2018-05-23 10:38:35

标签: javascript jquery jsf primefaces

有没有办法禁用Primefaces中的整个dataTable?有人建议使用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>

1 个答案:

答案 0 :(得分:-1)

我设法解决了这个问题:

decimalField.xhtml 页面中添加了以下代码行,该页面实际上是输入代码的复合实现。

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

此后,从使用页面 conversionRates.xhtml 调用复合属性,如下所示:

  

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