Geek Answers Handbook

Xpages repeat binding data

I have a repeat control with some data inside it and a button that allows the user to increase the number of lines in the repeat. The problem is that I don’t know how many times the user clicks the button, so I don’t know how many fields need to be created on the form. I could create as many as 100 fields, but that would not be good practice. Is there a way to create a specific form from CSJS? Or how to bind input fields from replay to some form fields to save the correct data from replay?

I attached it to EL as follows:

<xp:repeat id="repeat1" var="test" indexVar="index"
            value="#{javascript:parseInt(sessionScope.dynaField)}" rows="8"
            style="border:1pt">


            <xp:table style="width:100.0%">
                <xp:tr>
                    <xp:td style="border:1pt;width:32.0%;text-align:center">
                        <xp:inputText id="inputText1" value="#{docrepeat[field1]}">


                            <xp:eventHandler event="onchange" submit="false">
                                <xp:this.script><![CDATA[try
{
var idx="view:_id1:inputText3";
var index=document.getElementById(idx).value;

var number="view:_id1:number";
var val=document.getElementById(number).value;

var sum = val;

for(var i=0;i<index;i++) {
var input1="view:_id1:repeat1:"+i+":inputText1"
var nr1=document.getElementById(input1).value;

sum-=nr1;
document.getElementById("view:_id1:repeat1:"+i+":inputText2").value = sum;
}

document.getElementById("view:_id1:test").value = (sum*100)/val; 

}
catch(e)
{
alert("no");
}]]></xp:this.script>
                            </xp:eventHandler>
                        </xp:inputText>
                        <xp:inputText id="inputText2">

                        </xp:inputText>
                    </xp:td>
                </xp:tr>
            </xp:table>
        </xp:repeat>

But I get a null pointer exception. Why?

PS Here is the full page code:

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xp_1="http://www.ibm.com/xsp/coreex">

    <xp:this.beforePageLoad><![CDATA[#{javascript:sessionScope.dynaField=parseInt("1");}]]></xp:this.beforePageLoad>




    <xp:this.data>
        <xp:dominoDocument var="docrepeat" formName="repeat"></xp:dominoDocument>
    </xp:this.data>
    <xp:inputText id="inputText3" defaultValue="1">

        <xp:this.converter>
            <xp:convertNumber type="number" integerOnly="true"></xp:convertNumber>
        </xp:this.converter>
    </xp:inputText>

    <xp:inputText id="number" defaultValue="100">
        <xp:this.converter>
            <xp:convertNumber type="number" integerOnly="true"></xp:convertNumber>
        </xp:this.converter>
        <xp:eventHandler event="onchange" submit="true"
            refreshMode="partial" refreshId="repeat1">
            <xp:this.script><![CDATA[try
{
var idx="view:_id1:inputText3";
var index=document.getElementById(idx).value;

var number="view:_id1:number";
var val=document.getElementById(number).value;

var sum = val;

for(var i=0;i<index;i++) {
var input1="view:_id1:repeat1:"+i+":inputText1"
var nr1=document.getElementById(input1).value;

sum-=nr1;
document.getElementById("view:_id1:repeat1:"+i+":inputText2").value = sum;
}



}
catch(e)
{
alert("no");
}]]></xp:this.script>
        </xp:eventHandler>
    </xp:inputText>
    <xp:inputText id="test">
        <xp:this.converter>
            <xp:convertNumber type="number" integerOnly="true"
                locale="ro" maxFractionDigits="2">
            </xp:convertNumber>
        </xp:this.converter>
    </xp:inputText>
    <xp:panel id="Panel_All" style="text-align:center">

        <xp:pager layout="Previous Group Next" id="pager1" for="repeat1"
            panelPosition="top">
        </xp:pager>
        <xp:repeat id="repeat1" var="test" indexVar="index"
            value="#{javascript:parseInt(sessionScope.dynaField)}" rows="8"
            style="border:1pt">


            <xp:table style="width:100.0%">
                <xp:tr>
                    <xp:td style="border:1pt;width:32.0%;text-align:center">
                        <xp:inputText id="inputText1">
                            <xp:this.converter>
                                <xp:convertNumber type="number"></xp:convertNumber>
                            </xp:this.converter>
                            <xp:eventHandler event="onchange"
                                submit="false">
                                <xp:this.script><![CDATA[try
{
var idx="view:_id1:inputText3";
var index=document.getElementById(idx).value;

var number="view:_id1:number";
var val=document.getElementById(number).value;

var sum = val;

for(var i=0;i<index;i++) {
var input1="view:_id1:repeat1:"+i+":inputText1"
var nr1=document.getElementById(input1).value;

sum-=nr1;
document.getElementById("view:_id1:repeat1:"+i+":inputText2").value = sum;
}

document.getElementById("view:_id1:test").value = (sum*100)/val; 

}
catch(e)
{
alert("no");
}]]></xp:this.script>
                            </xp:eventHandler>
                        </xp:inputText>
                        <xp:inputText id="inputText2">
                            <xp:this.converter>
                                <xp:convertNumber type="number"></xp:convertNumber>
                            </xp:this.converter>
                        </xp:inputText>
                    </xp:td>
                </xp:tr>
            </xp:table>
        </xp:repeat>



        <xp:br></xp:br>


        <xp:br></xp:br>

        <xp:table style="width:100%">

            <xp:tr>
                <xp:td colspan="2" style="text-align:center">
                    <xp:button value="ADD FIELD" id="button1">
                        <xp:eventHandler event="onclick" submit="true"
                            refreshMode="complete">
                            <xp:this.action><![CDATA[#{javascript:sessionScope.dynaField=parseInt(sessionScope.dynaField)+1
getComponent("repeat1").setValue(parseInt(sessionScope.dynaField));
getComponent("inputText3").setValue(parseInt(sessionScope.dynaField));}]]></xp:this.action>
                        </xp:eventHandler>
                    </xp:button>
                    <xp:button value="REMOVE FIELD" id="button2">
                        <xp:eventHandler event="onclick" submit="true"
                            refreshMode="partial" refreshId="Panel_All">
                            <xp:this.action><![CDATA[#{javascript:sessionScope.dynaField=parseInt(sessionScope.dynaField)-1
getComponent("repeat1").setValue(parseInt(sessionScope.dynaField));
getComponent("inputText2").setValue(parseInt(sessionScope.dynaField));}]]></xp:this.action>

                        </xp:eventHandler>
                    </xp:button>
                </xp:td>

            </xp:tr>
        </xp:table>
        <xp:br></xp:br>
        <xp:button value="Diferenta" id="button4" style="width:200.0px">
            <xp:eventHandler event="onclick" submit="false">

                <xp:this.action>
                    <xp:executeScript>
                        <xp:this.script><![CDATA[#{javascript:getComponent("inputText3").setValue(getComponent("repeat1").getValue());}]]></xp:this.script>
                    </xp:executeScript>
                </xp:this.action>
            </xp:eventHandler>
        </xp:button>
    </xp:panel>

    <xp:button value="Save" id="button3">
        <xp:eventHandler event="onclick" submit="true"
            refreshMode="complete" immediate="false" save="true">
            <xp:this.action>
                <xp:openPage name="/xViewRepeat.xsp"></xp:openPage>
            </xp:this.action>
        </xp:eventHandler>
    </xp:button>
</xp:view>
+4
source share
3 answers

:

  • char "#"
  • on submit , . "RepeatFields"
  • beforePageLoad "RepeatFields", viewScope, . "viewScope.fields"
  • viewScope
  • viewScope viewScope.fields [index]
  • viewScope ADD/REMOVE

XPage:

<?xml version="1.0" encoding="UTF-8"?>
<xp:view
    xmlns:xp="http://www.ibm.com/xsp/core">
    <xp:this.data>
        <xp:dominoDocument
            var="document1"
            formName="repeat">
        </xp:dominoDocument>
    </xp:this.data>
    <xp:this.beforePageLoad><![CDATA[#{javascript:
        var fields = [""];
        var repeatFields = document1.getItemValueString("RepeatFields");
        if (repeatFields) {
            fields = repeatFields.split("#");
        }
        viewScope.fields = fields;
        viewScope.dynaField = fields.length;
        }]]></xp:this.beforePageLoad>
    <xp:panel
        id="panelRepeat">
        <xp:this.rendered><![CDATA[#{javascript:    
            if (viewScope.fields.length < viewScope.dynaField) {
                viewScope.fields.push("");
            } else if (viewScope.fields.length > viewScope.dynaField) {
                viewScope.fields.remove(viewScope.fields.length - 1);
            }
            return true;}]]></xp:this.rendered>
        <xp:repeat
            id="repeat1"
            indexVar="index"
            value="#{viewScope.fields}"
            rows="100">
            <xp:inputText
                id="inputText1"
                value="#{viewScope.fields[index]}" />
            <xp:br />
        </xp:repeat>
    </xp:panel>
    <xp:br />
    <xp:button
        value="ADD FIELD"
        id="button1">
        <xp:eventHandler
            event="onclick"
            submit="true"
            refreshMode="partial"
            refreshId="panelRepeat">
            <xp:this.action><![CDATA[#{javascript:viewScope.dynaField += 1;
            }]]></xp:this.action>
        </xp:eventHandler>
    </xp:button>
    <xp:button
        value="REMOVE FIELD"
        id="button2">
        <xp:eventHandler
            event="onclick"
            submit="true"
            refreshMode="partial"
            refreshId="panelRepeat">
            <xp:this.action><![CDATA[#{javascript:viewScope.dynaField -= 1;
            }]]></xp:this.action>
        </xp:eventHandler>
    </xp:button>
    <xp:br />
    <xp:button
        value="Save"
        id="button3">
        <xp:eventHandler
            event="onclick"
            submit="true"
            refreshMode="complete"
            immediate="false"
            save="true">
            <xp:this.action><![CDATA[#{javascript:
             document1.replaceItemValue("RepeatFields", viewScope.fields.join('#'));
            }]]></xp:this.action>
        </xp:eventHandler>
    </xp:button>
</xp:view>

. "NumberRepeatFields", "RepeatField0", "RepeatField1", "RepeatField2",..., .

<?xml version="1.0" encoding="UTF-8"?>
<xp:view
    xmlns:xp="http://www.ibm.com/xsp/core">
    <xp:this.data>
        <xp:dominoDocument
            var="document1"
            formName="repeat">
        </xp:dominoDocument>
    </xp:this.data>
    <xp:panel
        id="panelRepeat">
        <xp:inputText
            id="inputNumberFields"
            value="#{document1.NumberRepeatFields}"
            defaultValue="1"
            style="display: none;">
            <xp:this.converter>
                <xp:convertNumber
                    type="number"
                    integerOnly="true">
                </xp:convertNumber>
            </xp:this.converter>
        </xp:inputText>
        <xp:repeat
            id="repeat1"
            rows="1000"
            indexVar="index">
            <xp:this.value><![CDATA[#{javascript:
            var numberRepeatFields = document1.getItemValueInteger("NumberRepeatFields");
            return new Array(numberRepeatFields > 0 ? numberRepeatFields : 1);
            }]]></xp:this.value>
            <xp:repeat
                id="repeat2"
                var="fieldName"
                value="#{javascript:['RepeatField' + index]}">
                <xp:inputText
                    id="inputText1"
                    value="#{document1[fieldName]}">
                </xp:inputText>
                <xp:br />
            </xp:repeat>
        </xp:repeat>
    </xp:panel>
    <xp:br />
    <xp:button
        value="ADD FIELD"
        id="button1">
        <xp:eventHandler
            event="onclick"
            submit="true"
            refreshMode="partial"
            refreshId="panelRepeat">
            <xp:this.action><![CDATA[#{javascript:
            var numberRepeatFields = document1.getItemValueInteger("NumberRepeatFields");
            document1.replaceItemValue("NumberRepeatFields", numberRepeatFields + 1);
            }]]></xp:this.action>
        </xp:eventHandler>
    </xp:button>
    <xp:button
        value="REMOVE FIELD"
        id="button2">
        <xp:eventHandler
            event="onclick"
            submit="true"
            refreshMode="partial"
            refreshId="panelRepeat">
            <xp:this.action><![CDATA[#{javascript:
            var numberRepeatFields = document1.getItemValueInteger("NumberRepeatFields");
            if (numberRepeatFields > 1) {
                document1.replaceItemValue("NumberRepeatFields", numberRepeatFields - 1);
            }}]]></xp:this.action>
        </xp:eventHandler>
    </xp:button>
    <xp:br />
    <xp:button
        value="Save"
        id="button3">
        <xp:eventHandler
            event="onclick"
            submit="true"
            refreshMode="complete"
            immediate="false"
            save="true">
        </xp:eventHandler>
    </xp:button>
</xp:view>
+2

. XPages XPages.

Java, , , MIME bean Java . Tim Tripcony NotesIn9: http://www.notesin9.com/2014/01/16/notesin9-135-using-java-in-xpages-part4/

+1

, ? . , 1, 100, 1000 .

+1
source

More articles:


All Articles