dojo анимация не работает для панели xPage

Question

Я хочу вытереть. Но он не работает для компонента <xp:panel>, но для <div>. Вот мой код:

<xp:panel id="myPanel">This is my panel</xp:panel> 
..... 
dojo.style("myPanel", "height", ""); 
dojo.style("myPanel", "display", "block"); 
var wipeArgs = { 
     node: "myPanel" 
    }; 
dojo.fx.wipeOut(wipeArgs).play(); 

Это не работает либо:

dojo.style("#{id:myPanel}", "height", ""); 
dojo.style("#{id:myPanel}", "display", "block"); 
var wipeArgs = { 
     node: "#{id:myPanel}" 
    }; 
dojo.fx.wipeOut(wipeArgs).play(); 

Но это делает работу:

<div id="myDiv">This is my DIV</div> 
..... 
dojo.style("myDiv", "height", ""); 
dojo.style("myDiv", "display", "block"); 
var wipeArgs = { 
     node: "myDiv" 
    }; 
dojo.fx.wipeOut(wipeArgs).play(); 

Так как же я заставить его работать на XP: Панель ?

Answer 1

Вам необходимо запустить код Dojo внутри звонка XSP.addOnLoad(), чтобы Dojo использовал идентификатор, созданный XPages.

<xp:scriptBlock id="scriptBlock1"> 
    <xp:this.value><![CDATA[ 
    XSP.addOnLoad(function(){ 
     dojo.style("#{id:myPanel}", "height", ""); 
     dojo.style("#{id:myPanel}", "display", "block"); 
     var wipeArgs = { 
       node: "#{id:myPanel}" 
      }; 
     dojo.fx.wipeOut(wipeArgs).play(); 
    }); 
]]></xp:this.value> 
</xp:scriptBlock> 

Кроме того, если вы просто хотите DIV и не Div с источником данных, прикрепленным к нему, то вы можете использовать xp:div вместо xp:panel.