2017-08-29 6 views
0

richfaces 4.5.17を使用していますが、extendedDataTableを使用しようとしています。最初にページを読み込むと、表示されるデータが大きすぎるため、スクロールバーを表示する拡張データテーブルになります。ただし、実際の結果は4行しか表示されない単なるウィンドウです。さらに、データテーブルにはヘッダーは表示されません。RichFaces extendedDataTableスクロールバーは、画面のサイズ変更後まで表示されません

ブラウザウィンドウのサイズを変更しても、1ピクセルでも大きくまたは小さくすると、スクロールバーが突然表示され、ヘッダーがポップアップします。

ユーザーの回避策がありますが、ページを更新するたびにユーザーがウィンドウのサイズを変更するという大きな欠陥があります。

ヘッダが0の生成の高さで示されていたが、私はヘッダーが含まれるように私のStyles.cssをページを変更することで表示するために取得することができた:

.rf-edt-hdr-c{ 
    height:45px !important; 
} 

私からのコードのスニペットページ:

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:ui="http://xmlns.jcp.org/jsf/facelets" 
xmlns:h="http://xmlns.jcp.org/jsf/html" 
xmlns:f="http://xmlns.jcp.org/jsf/core" lang="en"> 
<h:head></h:head> 
<h:body> 
<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets" 
    xmlns:t="http://myfaces.apache.org/tomahawk" 
    xmlns:rich="http://richfaces.org/rich" 
    xmlns:f="http://xmlns.jcp.org/jsf/core" 
    xmlns:h="http://xmlns.jcp.org/jsf/html" 
    xmlns:a4j="http://richfaces.org/a4j" > 

    <t:panelGroup> 
     <rich:collapsiblePanel header="Reverts:" headerClass="textLeft" switchType="ajax" > 

      <rich:extendedDataTable id="listReverts" value="#{accountingBacking.reverts}" var="revert" columnClasses="textCenter, textCenter,textRight, textLeft,textCenter, textLeft" 
       sortMode="single" first="0" frozenColumns="1" style="width:830px;height:100px;"> 

       <rich:column sortBy="#{revert.tranDate}"> 
        <f:facet name="header"> 
         <h:outputText value="Tran Date" /> 
        </f:facet> 
        <a4j:commandLink render="accountDetailForm" action="#{accountingBacking.loadRevertTransaction}" onclick="#{rich:component('popAccountTranDetail')}.show()" onmouseover="Tip('#{msg_bundle.account_loadDetail_help}')"> 

         <a4j:param name="tranid" value="#{revert.tranid}" assignTo="#{accountingBacking.tranId}" />       
         <h:outputText value="#{revert.tranDate}"> 
          <f:convertDateTime type="date" pattern=" MM/dd/yyyy" /> 
         </h:outputText> 
        </a4j:commandLink> 
       </rich:column> 

       <rich:column sortable="false"> 
        <f:facet name="header"> 
         <h:outputText value="Org" /> 
        </f:facet> 
        <h:outputText value="#{revert.org}" /> 
       </rich:column> 
      </rich:extendedDataTable> 
     </rich:collapsiblePanel> 
    </t:panelGroup> 
</ui:composition> 
</h:body> 
</html> 
+0

がcollapsiblePanelが折りたたまれているノート?表が見えない場合、表はヘッダー・サイズのようなものを正しく計算できません。 – Makhiel

+0

デフォルトは折りたたまれていません。通常のテーブルのように表示されます。そういうわけで、その行動はとても奇妙です。それは、jsがトリガーしていない初期化または更新のようなものです – Jolley71717

答えて

0

回答はバージョンアップされました。

私は自動的にJavaScriptを妨げているバグがあるRichFacesの4.5.17の最終版では4.5.17

で導入されたバグを回避しながら、私のサイトの機能を維持するために4.5.10を使用してしまったとスクロールバーを動的にレンダリングします。リリースに記載されたのと同じ時間に他の既知のバグの多くを回避しながら はソリューションは、アップに十分な私は、同じエラーが発生しなかったことバージョンをバックアップすることでした https://developer.jboss.org/people/michpetrov/blog/2016/06/22/richfaces-4517final-release-announcement

関連する問題