Question

我有一个广播组，它有两个值“OK”（默认）和“Log”。选中值“Log”时，将打开extlib对话框。我想要的是一种方法，如果对话框取消，将无线电组值设置回“确定”。收音机组位于自定义控件中，该控件位于重复内部，这是难度所在的位置。该对话框用于从调用的xpage中保存单独的文档。这个概念适用于使用jquery使用单个无线电组进行模拟以将值设置回“Ok”，但是我无法通过重复获得正确的组件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>

Answer 1

尝试将对话框置于重复内，以便在计算ID时，对话框将位于相同的命名容器中

您可能会认为“我不想创建一千个对话框”。但不要担心，只要你没有设置repeatControls =＆＃34; true＆＃34;在重复中，仍然只有一个对话框，但现在知道重复的当前迭代，所以应该选择当前无线电组的正确ID

在xpage

1 个答案: