xpages 视图刷新后调用前台js

红太狼 2022-01-16 01:49 235阅读 0赞

<?xml version="1.0" encoding="UTF-8"?>
    <xp:view xmlns:xp="http://www.ibm.com/xsp/core">
     
      <xp:viewPanel id="viewPanel1">
        <xp:this.facets>
          <xp:pager partialRefresh="true" layout="Previous Group Next"
            xp:key="footerPager" id="pager1">
          </xp:pager>
          <xp:scriptBlock id="scriptBlockViewPanel" xp:key="south">
            <xp:this.value>
              <![CDATA[
                //这里就是前台的JS，非常有意义，当界面刷新后，调用js.^_^
                dojo.addOnLoad( function(){
                  dojo.query(".xspCheckBoxViewColumn").connect('onclick', function() {
                      viewPanelHelper.addDoc( this.id, this.checked, this.value ); 
                      viewPanelHelper.updateDataField('#{id:viewPanelSelectedIds}');
                  });
                  viewPanelHelper.rebuildDocSelection();   
                  viewPanelHelper.updateDataField('#{id:viewPanelSelectedIds}');
                });
              ]]></xp:this.value>
          </xp:scriptBlock>
          <xp:inputHidden id="viewPanelSelectedIds" xp:key="southEast" />
        </xp:this.facets>
        <xp:this.data>
          <xp:dominoView var="view1" viewName="All"></xp:dominoView>
        </xp:this.data>
        <xp:viewColumn columnName="DocUNID" id="viewColumn1" showCheckbox="true">
          <xp:viewColumnHeader value="DocUNIDs" id="viewColumnHeader1" />
        </xp:viewColumn>
      </xp:viewPanel>
         
      <xp:scriptBlock id="scriptBlockViewPanelHelper">
        <xp:this.value>
          <![CDATA[     
          /**
           * viewPanelHelper
           *
           * keeps selection of a view panel
           * stores data in hidden input field
           * @author Sven Hasselbach
           * @category CSJS
           * @category Helper
           * @version 1.3
           */
          viewPanelHelper = {
            selDocs: function(){ new Array() },
             
            addDoc: function( id, checked, noteId ){
              viewPanelHelper.selDocs[ noteId ] = { 'id': id, 'checked': checked , 'noteId': noteId }; 
            },
            rebuildDocSelection: function (){   
              dojo.query(".xspCheckBoxViewColumn").forEach(
                  function( obj ){
                      if( viewPanelHelper.selDocs[obj.value] )
                        obj.checked = viewPanelHelper.selDocs[obj.value].checked;
                  }
              )
        
            },
            getSelectedNoteIds: function(){
              var list = "";
              for( e in viewPanelHelper.selDocs ){
                if( viewPanelHelper.selDocs[e].checked === true ){
                  if( list !== "" ) list +=",";
                  list += viewPanelHelper.selDocs[e].noteId;
                }
              }
              return list
            },
            updateDataField: function(id){
              dojo.byId(id).value = viewPanelHelper.getSelectedNoteIds();
            }
             
          }
          ]]>
        </xp:this.value>
      </xp:scriptBlock>
     
      <xp:button value="Test" id="buttonTest">
        <xp:eventHandler event="onclick" submit="true"
          refreshMode="complete">
          <xp:this.action>
            <![CDATA[#{javascript:
              var value = getComponent("viewPanelSelectedIds").value;
              _dump( value )}]]>
          </xp:this.action>
        </xp:eventHandler>
      </xp:button>
       
    </xp:view>