添加两个数字字段并显示在另一个数字字段上

Question

我有以下基本的xpage。 我想在reg1和over1上添加字段，并在total1上显示它。 我认为我必须更新over1字段以体现新值或类似的值。 它始终显示为0。

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

<xp:this.data>
    <xp:dominoDocument var="document1" formName="TestHrs"></xp:dominoDocument>
</xp:this.data>
<xp:table style="width:383.0px">
    <xp:tr>
        <xp:td>Regular</xp:td>
        <xp:td>Overtime</xp:td>
        <xp:td>Total</xp:td>
    </xp:tr>
    <xp:tr>
        <xp:td>
            <xe:djNumberTextBox id="reg1"
                value="#{document1.rgHr1}">
            </xe:djNumberTextBox>
        </xp:td>
        <xp:td>
            <xe:djNumberTextBox id="over1"
                value="#{document1.ovHr1}">

                <xe:this.onChange><![CDATA[var reg1 = getComponent("reg1").getValue()
var over1 = getComponent("over1").getValue();
getComponent("total1").setValue(reg1 + over1);]]></xe:this.onChange>
            </xe:djNumberTextBox>
        </xp:td>
        <xp:td>
            <xe:djNumberTextBox id="total1"
                value="#{document1.toHr1}" readOnly="true">
            </xe:djNumberTextBox></xp:td>
    </xp:tr>
    <xp:tr>
        <xp:td>
            <xe:djNumberTextBox id="reg2"
                value="#{document1.rgHr2}">
            </xe:djNumberTextBox>
        </xp:td>
        <xp:td>
            <xe:djNumberTextBox id="over2"
                value="#{document1.ovHr2}">
                <xe:this.onChange><![CDATA[#{javascript:var total1 =     getComponent("reg2").getValue() + getComponent("over2").getValue();
getComponent("total2").setValue(total2);}]]></xe:this.onChange>
            </xe:djNumberTextBox>
        </xp:td>
        <xp:td>
            <xe:djNumberTextBox id="total2"
                value="#{document1.toHr2}" readOnly="true">

            </xe:djNumberTextBox></xp:td>
    </xp:tr>
</xp:table>
</xp:view>

Answer 1

我建议不要为此使用ssjs而是csjs。 在同一事件中，但使用客户端Javascript，将这些值相加并将总计放入“ total”字段中。

请记住，作为只读字段，也许您应该检查属性“显示只读的禁用控件”。

也许您需要在文档的querySave事件中进行总和，因为该值作为只读字段不会更新。 对此不确定。

Answer 2

我发现对SSJS进行更改最适合在onBlur或onKeyUp上使用，并确保我得到一个数字（isNaN）。 CCJS可能更好，如您从此链接http://www.bleedyellow.com/blogs/xpages/entry/how_to_create_column_totals_in_xpages_view_and_repeat_controls?lang=en

我将帖子放在下面以获得更好的答案。 这不是我的职位，而是我留作参考的职位。

干杯，布莱恩

在Notes视图中，添加一列总计非常容易，但是如何在XPages视图控件或重复控件中完成呢？ 我花了一个时间去Lotusphere 2011找出答案。 例：

我们需要总计：1.即使要动态调整表的大小，也要在要累加的列下保持右对齐。 2.显示页面1上显示的文档中的值的总和。对于此示例，我们需要在视图的标签中添加一个面板或重复控件：

<xp:viewPanel id="viewPanel1">
     <xp:this.facets>
          <xp:panel xp:key="footer" id="totals1">
               <xp:tr>
                   <xp:td colspan="7"></xp:td>
                   <xp:td>
                        <xp:text escape="true" id="computedField1">
                    </xp:td>
                   <xp:td colspan="2"></xp:td>
                   <xp:td>
                        <xp:text escape="true" id="computedField2">
                    </xp:td>
                   <xp:td>
                        <xp:text escape="true" id="computedField3">
                    </xp:td>
                 </xp:tr>
             </xp:panel>
       </xp:this.facets>

诀窍在面板的xp：key属性中。 将此设置为“页脚”，就像希望在页脚中显示的寻呼机控件所做的那样，就可以添加额外的行。 在形成视图或重复控件的表的最后一行中，我们放置了计算字段。 （请注意，此示例假定标题为“值”的列之前有7列。）2.假定我们在XPage上提供了一个组合框，以允许用户过滤将在视图或重复控件中显示的文档。 使用Firebug，我们可以看到XPages为每个组件创建了一个动态ID和名称。 对于组合框，它是view：_id1：_id2：_id94：comboBox1。 但是请注意，自定义控件上的所有组件都被分配了相同的前缀“ view：_id1：_id2：_id94：”作为我们为组件指定的名称：

因此，我们可以将以下客户端Javascript代码添加到组合框的“ On Change”事件中：

var fcast = 0;
var i = 0;
var id_prefix = "#{id:comboBox1}".split("comboBox1")[0];
while (dojo.byId(id_prefix+"repeat1:"+i+":inputText3")) {
    var it3= dojo.byId(id_prefix+"repeat1:"+i+":inputText3").innerHTML;
    it3 = it3.replace("$","").replace(/,/gi,"");
    fcast = fcast + parseFloat(it3);
    i++;
}
var tot = formatCurrency(fcast);
dojo.byId(id_prefix+"computedField1").innerHTML = tot;

第三行使用“＃{id：comboBox1}”在运行时返回赋予comboBox1字段的完整ID。 请注意，如果放置在脚本库中，则此代码不起作用。 while循环从0行（第一行）开始，并在其中存在inputText3字段的视图/重复控件上的每一行循环。 Firebug显示这些值已呈现为span标签，因此我们需要使用.innerHTML来获取和设置值。 $和逗号需要使用replace方法删除，因此可以累加总数。 最后，formatCurrency函数将舍入到小数点后两位，并用$和逗号重新格式化总数。 （这是一个自定义函数，在此未显示。）可以为calculatedField2和calculatedField3创建类似的代码。 因此，如果您的客户需要一个显示列总数的报告，或者甚至需要一个带有显示总数的过滤器的报告，则可以使用这些技术。 向Paul Hannan和Marie Kehoe大声疾呼，因为他们是此解决方案的催化剂。