Jquery 在xpage上取消对话框时更改组件值
我有一个无线电组,它有两个值“OK”(默认值)和“Log”。选中值“Log”后,将打开一个extlib对话框。我想要的是一种方法,如果对话框为“取消”,则将无线组值设置回“确定”。无线电组在自定义控制中,位于重复中,这是困难所在。该对话框用于保存调用xpage的单独文档。 当使用jquery将值设置回“Ok”时,这个概念在使用单个无线电组进行模拟时起作用,但我无法使用repeat从中获得正确的组件id 谢谢Jquery 在xpage上取消对话框时更改组件值,jquery,dialog,xpages,Jquery,Dialog,Xpages,我有一个无线电组,它有两个值“OK”(默认值)和“Log”。选中值“Log”后,将打开一个extlib对话框。我想要的是一种方法,如果对话框为“取消”,则将无线组值设置回“确定”。无线电组在自定义控制中,位于重复中,这是困难所在。该对话框用于保存调用xpage的单独文档。 当使用jquery将值设置回“Ok”时,这个概念在使用单个无线电组进行模拟时起作用,但我无法使用repeat从中获得正确的组件id 谢谢 <xp:view xmlns:xp="http://www.ibm.com
<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:this.data>
<xp:dominoDocument
var="document1"
formName="frRegion">
</xp:dominoDocument>
</xp:this.data>
<xp:this.resources>
<xp:script
src="js/jquery-3.1.1.min.js"
clientSide="true">
</xp:script>
<xp:styleSheet href="/dynFields.css"></xp:styleSheet>
</xp:this.resources>
 
<xp:br>
<p>TEST This</p></xp:br>
<xp:inputText id="inputText1" value="#{document1.fRegion}"></xp:inputText>
<xp:br></xp:br>
<xp:repeat
var="rownum"
indexVar="rowIndex">
<xp:this.value><![CDATA[#{javascript:[1,2]}]]></xp:this.value>
<xc:ccDynRadioGroup
dialogEnable="true"
dataSource="#{javascript:document1}"
defaultValue="Ok">
<xc:this.selectItems><![CDATA[#{javascript:"Ok|Ok,Log|Log"}]]></xc:this.selectItems>
<xc:this.fieldName><![CDATA[#{javascript:"C_"+rownum
}]]></xc:this.fieldName>
</xc:ccDynRadioGroup>
</xp:repeat>
<xp:br></xp:br>
<xe:dialog id="dialog1">
<xe:this.dojoAttributes>
<xp:dojoAttribute
name="disableCloseButton"
value="false">
</xp:dojoAttribute>
</xe:this.dojoAttributes>
<xp:panel>
<xp:table>
<xp:tr>
<xp:td>
<xp:label
value="TEST"
id="label1">
</xp:label>
</xp:td>
<xp:td></xp:td>
</xp:tr>
<xp:tr>
<xp:td>
<xp:button
value="DummySave"
id="button1">
<xp:eventHandler
event="onclick"
submit="true"
refreshMode="complete">
<xp:this.action><![CDATA[#{javascript:var c = getComponent("dialog1");
c.hide();}]]></xp:this.action>
</xp:eventHandler>
</xp:button>
</xp:td>
<xp:td>
<xp:button
value="Cancel"
id="button2">
<xp:eventHandler
event="onclick"
submit="false">
<xp:this.script><![CDATA[var v = "dialog1"
if(v == "dialog1"){
XSP.closeDialog("#{id:dialog1}");
$(xId("#{id:rg_Insp}")+".RadioGroupD"+" [value=Ok]").prop("checked",true);
}
function x$(idTag, param){ //Updated 18 Feb 2012
idTag=idTag.replace(/:/gi, "\\:")+(param ? param : "");
return($("#"+idTag));
}
function xId(id){
id = id.replace(/:/gi, "\\:");
return "#"+id;
}]]></xp:this.script>
</xp:eventHandler>
</xp:button>
</xp:td>
</xp:tr>
</xp:table>
</xp:panel>
<xp:eventHandler
event="onClose"
submit="false">
<xe:this.script><![CDATA[//$(xId("#{id:rg_Insp}")+".RadioGroupD"+" [value=Ok]").prop("checked",true);]]></xe:this.script>
</xp:eventHandler>
</xe:dialog>
</xp:view>
<?xml version="1.0" encoding="UTF-8"?>
<xp:view
xmlns:xp="http://www.ibm.com/xsp/core">
<xp:radioGroup
id="rg_Insp"
value="#{compositeData.dataSource[compositeData.fieldName]}"
styleClass="RadioGroupD" defaultValue="#{javascript:compositeData.defaultValue}">
<xp:selectItems>
<xp:this.value><![CDATA[#{javascript:@Explode(compositeData.selectItems,",")}]]></xp:this.value>
</xp:selectItems>
<xp:eventHandler
event="onchange"
submit="true"
refreshMode="complete">
<xp:this.action><![CDATA[#{javascript:if(compositeData.dialogEnable){
var v:string = getComponent("rg_Insp").getValue();
if(v.equalsIgnoreCase("Log")){
var d = getComponent("dialog1");
d.show();
}
}}]]></xp:this.action>
</xp:eventHandler>
</xp:radioGroup>
</xp:view>
测试这个
尝试将对话框放在repeat中,以便在计算id时,对话框将位于同一个“命名容器”中
你可能会想‘我不想创建一千个对话框’,但别担心,只要你不在repeat中设置repeatControls=“true”,仍然只有一个对话框,但现在知道当前的重复迭代,所以应该选择当前广播组的正确id你能提供源代码吗?这里是一个模型代码,我是jquery 3.1.1