イメージの回転とサイズ変更

Question

私はJSF 2、primefaces 5.3を使用しています。私は、Jpg、png、または他のイメージフォーマットのようなイメージの回転とサイズ変更を試みています。しかし、このエラーが発生します。 非ClientBehaviorHolder親jsf - ファイルのプレビューに動作をアタッチできません。

ここに私のコードです。

    <pe:imageAreaSelect id="areaSelect" 
             for="myImage" 
             widgetVar="areaSelectWidget" 
             autoHide="true" 
             handles="false" 
             movable="false" 
             persistent="false" 
             resizable="false" 
             parentSelector="#imageWrapper"> 
         <p:ajax event="selectEnd" listener="#{fileViewer.selectEndListener}" update="growl"/> 
        </pe:imageAreaSelect> 

        <pe:imageRotateAndResize id="rotateAndResize" for="myImage" widgetVar="rotateAndResizeWidget"> 
         <p:ajax event="rotate" listener="#{fileViewer.rotateListener}" 
           update="growl" oncomplete="PF('areaSelectWidget').reload();"/> 
         <pe:javascript event="resize" execute="PF('areaSelectWidget').reload();"/> 
        </pe:imageRotateAndResize> 

        <p:commandButton type="button" icon="ui-icon-arrowreturnthick-1-w" 
            value="Rotate" onclick="PF('rotateAndResizeWidget').rotateLeft(90); 
              return false;"/> 
        <p:commandButton type="button" icon="ui-icon-arrowreturnthick-1-e" 
            value="Rotate" onclick="PF('rotateAndResizeWidget').rotateRight(90); 
              return false;"/> 
        <p:commandButton type="button" icon="ui-icon-zoomin" 
            value="+" onclick="PF('rotateAndResizeWidget').scale(1.05); 
              return false;"/> 
        <p:commandButton type="button" icon="ui-icon-zoomout" 
            value="-" onclick="PF('rotateAndResizeWidget').scale(0.95); 
              return false;"/> 
       </p:panelGrid> 

公共ボイドrotateListener（最終RotateEvent電子）{ 最終FacesMessageののMSG =新しいFacesMessageの（FacesMessage.SEVERITY_INFO、 "画像を回転"、+ e.getDegree（）+ "度："）。

FacesContext.getCurrentInstance().addMessage(null, msg); 
} 

public void resizeListener(final ResizeEvent e) { 
    final FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Image resized", "Width:" + e.getWidth() + ", Height: " + e.getHeight()); 

    FacesContext.getCurrentInstance().addMessage(null, msg); 
} 

public void selectEndListener(final ImageAreaSelectEvent e) { 
    final FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Area selected", 
      "X1: " + e.getX1() 
      + ", X2: " + e.getX2() 
      + ", Y1: " + e.getY1() 
      + ", Y2: " + e.getY2() 
      + ", Image width: " + e.getImgWidth() 
      + ", Image height: " + e.getImgHeight()); 

    FacesContext.getCurrentInstance().addMessage(null, msg); 
} 

どうすれば解決できますか？

Answer 1

PrimeFaces Extensionsを含まないことがありますか？ AFAIR 4.0.0が必要です。これはPF 5.3と互換性があります。

それ以外の場合は、このスニペットからの例外はありません。