Jquery 在xpage上取消对话框时更改组件值

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

我有一个无线电组,它有两个值“OK”(默认值)和“Log”。选中值“Log”后,将打开一个extlib对话框。我想要的是一种方法,如果对话框为“取消”,则将无线组值设置回“确定”。无线电组在自定义控制中,位于重复中,这是困难所在。该对话框用于保存调用xpage的单独文档。 当使用jquery将值设置回“Ok”时,这个概念在使用单个无线电组进行模拟时起作用,但我无法使用repeat从中获得正确的组件id

谢谢

<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>
    &#160;
    <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