Question

我有一个带有一些数字列的网格面板。我有一列将包含其他的SUM。我想在用户关注SUM列时自动设置此值。这是我的代码：

<ext:Column runat="server"
    DataIndex="totalth"
    Text="TOTAL (T/H)"
    Flex="2"
    Align="Center">
        <Editor>
            <ext:NumberField
                runat="server"
                AllowBlank="false"
                AllowDecimals="true"
                DecimalPrecision="3"
                name="totalth"
                Step="0.01">
                    <Listeners>
                        <Focus Fn="getSum"></Focus>
                    </Listeners>
            </ext:NumberField>
        </Editor>
</ext:Column>

Javascript Fn：

var getSum = function (item) {
    item.setValue/*(here is the sum of other two cells in the same row.)*/;
};

如何从其他单元格中获取值？也许在服务器方面做得更好，我不知道。

Answer 1

这是针对ext.net的重新设计的答案。

您仍然可以使用renderer，因为它适用于记录。如果您只想在某些操作上显示它，可以通过多种方式进行操作。与鼠标悬停一样，您可以使用overCls来隐藏使用CSS的文本，就像我在示例中所做的那样。

如果要显示总和，则无需使用编辑器。可以在getSum渲染器中处理数字格式。

使用Javascript：

var getSum = function ( value, metadata, record ) {
    var sum = record.get( 'column1' ) + record.get( 'column2' )
    return sum.toFixed( 2 ); // to show 2 decimal places
}

Ext.net：

<ext:Column runat="server"
    DataIndex="totalth"
    Text="TOTAL (T/H)"
    Flex="2"
    Align="Center"
    cls="column-hidden"
    overCls="column-shown">
        <Renderer Fn="getSum" />

CSS：

x-column-hidden { /* x- prefix needed depending on your version */
    /* style to hide your text */
}
x-column-shown {
    /* style to cancel hiding */
}

从同一行中其他单元格的SUM设置单元格值

1 个答案: