如何使用Xpages onchange事件激活按钮
How do I use an Xpages onchange event to activate a button
我正试图找到如何使复选框的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>
相关文章:
- 如何通过按键激活按钮应用CSS效果
- 我必须点击两次才能激活任何按钮操作(离子/角度)
- 如何在ASP.NET中单击按钮后激活启动选项卡
- 在单击按钮时激活按钮的悬停状态,直到单击另一个按钮(Javascript/JQuery)
- 如何在使用jquery向数据库发送数据时取消激活的按钮
- 将按钮绑定到几个基于文本框中值的大小而激活的文本框
- 如何使用jQuery激活按钮
- 新创建的按钮(通过createElement(“button”))激活自身.如何阻止这种情况
- jQueryui上的两个复选框选中需要按钮激活和未选中禁用
- 如何使用Xpages onchange事件激活按钮
- Django for 循环在按下按钮时多次激活视图
- 有选择地激活按钮
- 如何在默认情况下激活按钮
- 如何使用java脚本或jquery激活按钮
- Chrome.runtime不与激活按钮工作
- 如何使用JavaScript激活按钮样式
- 在Angularjs中选中一个或多个复选框后,激活按钮
- 如何使用javascript激活按钮时,复选框被选中
- 如何同时激活按钮个人资料和帖子
- 在javascript中单击另一个按钮后激活按钮