如何使用Xpages onchange事件激活按钮

How do I use an Xpages onchange event to activate a button

本文关键字:激活 按钮 事件 onchange 何使用 Xpages      更新时间:2023-09-26

我正试图找到如何使复选框的onChange事件在同一页面上启动按钮按下。我在谷歌上搜索过,但找不到这是怎么做到的。这样的事情在xpages中可能吗?

编辑:更多信息和代码

我的问题是,用户运行搜索,并希望选择省略或包括已取消的记录。几天来,我试图通过单击复选框来更新视图,但只有在用户更改复选框值并单击页面上的某个位置后,视图才会刷新。我尝试对复选框进行部分刷新和完全刷新等操作来刷新dynamicviewpanel等。我尝试使用viewScope变量来确定复选框值,但没有成功。我发现如果我包含一个按钮来进行完全刷新,它会起作用,我想我可以隐藏按钮,让复选框单击按钮。我试着在下面添加Knut的建议,但它仍然只有当我点击按钮或页面上的其他地方时才有效。

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
   xmlns:xe="http://www.ibm.com/xsp/coreex"
   xmlns:xc="http://www.ibm.com/xsp/custom">
   <xp:eventHandler event="onClientLoad" submit="false">
     <xp:this.script><![CDATA[dojo.query(".xspLinkViewColumn").attr
        ("target", "_blank");]]></xp:this.script>
   </xp:eventHandler>
   <xc:OneUILayout id="cc4cconeuilayout"
     navigationPath="/OneUI/SearchPage">
   <xp:this.facets>
      <xp:panel xp:key="LeftColumn" id="panel4">
         <xc:LeftOneUI id="cc4ccLeftOneUI"></xc:LeftOneUI>
      </xp:panel>
   </xp:this.facets>
   <xp:panel>
     <xp:label value="This is the result of the search page"
       id="label5" style="font-weight:bold">
     </xp:label>
     <xp:br></xp:br>
     <xp:br></xp:br>
     <xp:label value="Search String:" id="label1"></xp:label>
     <xp:inputText id="inputText1" value="#
       {param.search}"></xp:inputText>
     <xp:checkBox text="Cancelled Contracts Omitted" id="OmitCancelled" 
        value="#{viewScope.test}" style="padding-left:3.0em">
       <xp:eventHandler event="onchange" submit="false">
         <xp:this.script><![CDATA[document.getElementById('#
           {id:button1}').click()]]></xp:this.script>
       </xp:eventHandler>
     </xp:checkBox>
     <xp:button value="Refresh Omitting"
        id="button1" style="margin-left:2.0em">
        <xp:eventHandler event="onclick"
           submit="true" refreshMode="complete">
           <xp:this.script><![CDATA[alert("hi")]]></xp:this.script>
        </xp:eventHandler>
     </xp:button>
    <xp:panel id="maincontentpanel">
       <xe:dynamicViewPanel rows="50" id="dynamicViewPanel1"
           width="100%" partialRefresh="true">
        <xe:this.data>
        <xp:dominoView var="view">
           <xp:this.viewName>
    <![CDATA[#{javascript:if(getComponent
                 ('OmitCancelled').isChecked()){
                      viewName = "ContractsFlatByYear"
                     }else {
                       viewName = "ContractsFlatByYearandCancelled"
                  }}]]>
           </xp:this.viewName>
          <xp:this.search><![CDATA[#{javascript:return param.search;}]]>
           </xp:this.search>
     </xp:dominoView>
    </xe:this.data>
   </xe:dynamicViewPanel>
  </xp:panel>
 </xp:panel>
</xc:OneUILayout>
</xp:view>

这是一个自动点击复选框"onchange event:"上的按钮的示例

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
    <xp:checkBox
        text="check it"
        id="checkBox1"
        value="#{viewScope.test}">
        <xp:eventHandler
            event="onchange"
            submit="false">
            <xp:this.script><![CDATA[
                document.getElementById('#{id:button1}').click()
            ]]></xp:this.script>
        </xp:eventHandler>
    </xp:checkBox>
    <br />
    <xp:button
        value="Label"
        id="button1">
    <xp:eventHandler
        event="onclick"
        submit="false">
        <xp:this.script><![CDATA[alert("hi")]]></xp:this.script>
    </xp:eventHandler></xp:button>
</xp:view>