<xp:this.properties>
    <xp:parameter name="xsp.client.script.dojo.djConfig" value="ioPublish:true"></xp:parameter>
</xp:this.properties>

<xp:button value="Partial Refresh" id="button1">
    <xp:eventHandler event="onclick" submit="true" refreshMode="partial" refreshId="main" execMode="partial">
        <xp:this.onComplete><![CDATA[doPartialRefreshOf(['tagCloud1', 'tagCloud2']); ]]></xp:this.onComplete>
    </xp:eventHandler>
</xp:button>

<xp:panel id="main" style="background-color:rgb(0,255,64);">CONTENT</xp:panel>
<xp:panel id="tagCloud1" style="background-color:rgb(255,128,0)">TAGCLOUD1</xp:panel>
<xp:panel id="tagCloud2" style="background-color:rgb(128,0,255)">TAGCLOUD2</xp:panel>

<xp:eventHandler event="onClientLoad" submit="false">
        <xp:this.script><![CDATA[dojo.subscribe("/dojo/io/start", function(data){
    console.log("triggered on /dojo/io/start channel");
});
dojo.subscribe("/dojo/io/stop", function(data){
    console.log("triggered on /dojo/io/stop channel");
});]]></xp:this.script>
</xp:eventHandler>

<xp:this.properties>
    <xp:parameter name="xsp.client.script.dojo.djConfig" value="ioPublish:true"></xp:parameter>
</xp:this.properties>

<xp:button value="Partial Refresh" id="button1">
    <xp:eventHandler event="onclick" submit="true" refreshMode="partial" refreshId="main" execMode="partial">
        <xp:this.onComplete><![CDATA[doPartialRefreshOf(['tagCloud1', 'tagCloud2']); ]]></xp:this.onComplete>
    </xp:eventHandler>
</xp:button>

<xe:namePicker id="namePicker1" for="inputText1" pickerText="NamePicker"></xe:namePicker>

<xp:panel id="main" style="background-color:rgb(0,255,64);">CONTENT</xp:panel>
<xp:panel id="tagCloud1" style="background-color:rgb(255,128,0)">TAGCLOUD1</xp:panel>
<xp:panel id="tagCloud2" style="background-color:rgb(128,0,255)">TAGCLOUD2</xp:panel>

<xp:eventHandler event="onClientLoad" submit="false">
        <xp:this.script><![CDATA[dojo.subscribe("/dojo/io/start", function(data){
    console.log("triggered on /dojo/io/start channel");
});
dojo.subscribe("/dojo/io/stop", function(data){
    console.log("triggered on /dojo/io/stop channel");
});]]></xp:this.script>
</xp:eventHandler>