Override Icon in Layout region

asked 2014-06-17 11:46:20 +0800

eclipse2
17 ● 4

I'm trying to change the icon of the layout region. I created this code to place in zul, but is not loading. What I'm doing wrong?

<script>
<![CDATA[ zk.afterLoad('zul.Widget', 
        function() { 
            zk.override(zul.layout.LayoutRegion.prototype, 'getIconClass_', function (collapsed) {
                var BL = zul.layout.Borderlayout;
                switch(this.getPosition()) {
                case BL.NORTH:
                    return collapsed ? 'z-icon-angle-double-down' : 'z-icon-angle-double-up';
                case BL.SOUTH:
                    return collapsed ? 'z-icon-angle-double-up' : 'z-icon-angle-double-down';
                case BL.WEST:
                    return collapsed ? 'z-icon-angle-double-right' : 'z-icon-angle-double-left';
                case BL.EAST:
                    return collapsed ? 'z-icon-angle-double-left' : 'z-icon-angle-double-right';
                }
                return ''; 
            });
}); ]]></script>

Thanks!