css - PrimeFaces でレイアウト ユニットのサイズが変更されたときの Resize イベントの処理

Question

私は最初の Web プロジェクトに取り組んでおり、PrimeFaces コンポーネント スイートを使用しています。

中央のレイアウト ユニットのサイズを変更するときに、サイズ変更イベントを発生させたい。コードを試してみましたが、Bean クラスのメソッドが呼び出されることはありません。

ここで何が間違っていますか？私が間違っている場合は修正してください。

    <p:layout fullPage="true" resizeListner="#{resizeBean.handleResize}">
        <p:layoutUnit id="top" position="north" resizable="true" size="20%">
            <ui:insert name="header">
                <ui:include src="Header.xhtml" />
            </ui:insert>
        </p:layoutUnit>

        <p:layoutUnit id="bottom" styleClass="class-bottom" position="south"
            resizable="true" size="25%">
            <ui:insert name="footer">
                <ui:include src="Footer.xhtml" />
            </ui:insert>
        </p:layoutUnit>

        <p:layoutUnit id="left" styleClass="class-left" position="west"
            resizable="true" size="24%">
            <ui:insert name="tree">
                <ui:include src="Tree.xhtml" />
            </ui:insert>
        </p:layoutUnit>

        <p:layoutUnit id="addDlg" position="center">
            <ui:insert>
                <ui:include src="AddDevice.xhtml" />
            </ui:insert>
        </p:layoutUnit>

        <p:layoutUnit id="center" position="center">
            <ui:insert name="centerPage">
                <ui:include src="Center.xhtml" />
            </ui:insert>
        </p:layoutUnit>
    </p:layout>    

これがBeanクラスのコードです

@ManagedBean(name = "resize")    
public class ResizeBean implements Serializable {    
        private long width;    
        private long height;    
public void handleResize(ResizeEvent event) {    
width = event.getWidth();    
height = event.getWidth();    
System.out.println("in resize");
    }    
    public long getWidth() {
        return this.width;
    }

    public long getHeight() {
        return this.height;
    }    
}