Looking for best approach for signature button on xpage

Question

I need a simple button whereby a user clicks to sign off on a document. A single signer per document, but when they click it, it puts their name and the date in two visible fields, and changes the status field.

What is the best approach for this? This is probably drop-dead simple but for some reason I cannot get it working.

They have been forced to log in by this time.

Thanks in advance.

Matt

Answer 1

Try the following:

    <?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="test"></xp:dominoDocument>
        </xp:this.data>
        <xp:panel id="panelMain">
            <xp:table>
                <xp:tr>
                    <xp:td colspan="2">
                        <xp:label value="Main Form" id="label1"></xp:label>
                    </xp:td>
                </xp:tr>
                <xp:tr>
                    <xp:td style="width:100.0px">
                        <xp:label value="Now" id="label2"></xp:label>
                    </xp:td>
                    <xp:td>
                        <xp:text escape="true" id="computedField1" value="${javascript:return @Now();}">
                            <xp:this.converter>
                                <xp:convertDateTime type="both"></xp:convertDateTime>
                            </xp:this.converter>
                        </xp:text>
                    </xp:td>
                </xp:tr>
            </xp:table>
        </xp:panel>
        <xp:panel id="panelSignature" style="background-color:rgb(192,192,192)">
            <xp:button value="I Agree" id="button1">
                <xp:eventHandler event="onclick" submit="true" refreshMode="partial" refreshId="SignatureTable">
                    <xp:this.action><![CDATA[#{javascript:
    document1.replaceItemValue("SignedDate",@Now());
    document1.replaceItemValue("SignedBy",userBean.getDisplayName());}]]></xp:this.action>
                </xp:eventHandler>
            </xp:button>
            <xp:table id="SignatureTable">
                <xp:tr>
                    <xp:td colspan="2">
                        <xp:label value="SignatureTable" id="label3"></xp:label>
                    </xp:td>
                </xp:tr>
                <xp:tr>
                    <xp:td style="width:100.0px">
                        <xp:label value="SignedBy" id="label6"></xp:label>
                    </xp:td>
                    <xp:td>
                        <xp:inputText id="computedField4" value="#{document1.SignedBy}" readonly="true"></xp:inputText>
                    </xp:td>
                </xp:tr>
                <xp:tr>
                    <xp:td style="width:100.0px">
                        <xp:label value="SignedDate" id="label5"></xp:label>
                    </xp:td>
                    <xp:td>
                        <xp:inputText id="computedField3" value="#{document1.SignedDate}" readonly="true">
                            <xp:this.converter>
                                <xp:convertDateTime type="both"></xp:convertDateTime>
                            </xp:this.converter>
                        </xp:inputText>
                    </xp:td>
                </xp:tr>
            </xp:table>
        </xp:panel>
    </xp:view>