需要使用JS自动计算GRID中的数据，求助

cmlbluesea

怎么在可编辑Grid下，输入数量或者单价的时候，自动触发相乘计算，并把值赋值到金额处？查了很多资料，实在没办了，请大神指教一下呀！
<f:RenderField Width="350px" ColumnID="Remark" DataField="Remark" FieldType="String"
                                    HeaderText="摘要*">
                                    <Editor>
                                        <f:TextBox ID="txtDetailRemark" Required="true" runat="server">
                                        </f:TextBox>
                                    </Editor>
                                </f:RenderField>
                                <f:RenderField Width="60px" ColumnID="Amount" DataField="Amount" FieldType="Int"
                                    HeaderText="数量">
                                    <Editor>
                                        <f:NumberBox ID="txtAmount" Required="true" NoDecimal="true" NoNegative="true" MinValue="1"
                                            runat="server">
                                        </f:NumberBox>
                                    </Editor>
                                </f:RenderField>
                                <f:RenderField Width="60px" ColumnID="Unit" DataField="Unit" FieldType="String"
                                    HeaderText="单位">
                                    <Editor>
                                        <fropDownList ID="ddlUnit" runat="server">
                                        </fropDownList>
                                    </Editor>
                                </f:RenderField>
                                <f:RenderField Width="120px" ColumnID="rice" DataField="rice" FieldType="Float"
                                    HeaderText="单价">
                                    <Editor>
                                        <f:NumberBox ID="txtPrice" Required="true" NoDecimal="false" NoNegative="true" DecimalPrecision="2"
                                            MinValue="0" runat="server">
                                        </f:NumberBox>
                                    </Editor>
                                </f:RenderField>
                                <f:RenderField Width="160px" ColumnID="Type" DataField="Type" FieldType="String"
                                    HeaderText="类别*">
                                    <Editor>
                                        <fropDownList ID="ddlType" Required="true" runat="server">
                                        </fropDownList>
                                    </Editor>
                                </f:RenderField>
                                <f:TemplateField HeaderText="金额" >
                                    <ItemTemplate>
                                        <asp:TextBox ID="txtAmountMoney" runat="server" Width="80px" TabIndex='<%# Container.DataItemIndex + 100 %>'
                                            Text='<%# Eval("AmountMoney") %>'></asp:TextBox>
                                    </ItemTemplate>
                                </f:TemplateField>

sanshi

可以考虑用模板列，然后用JS控制，类似：http://fineui.com/demo/#/demo/grid/grid_edit_save_auto.aspx

cmlbluesea

sanshi 发表于 2014-5-26 09:53
可以考虑用模板列，然后用JS控制，类似：http://fineui.com/demo/#/demo/grid/grid_edit_save_auto.aspx ...

谢谢，搞定了！

wodhd

sanshi 发表于 2014-5-26 09:53
可以考虑用模板列，然后用JS控制，类似：http://fineui.com/demo/#/demo/grid/grid_edit_save_auto.aspx ...

实例在IE9非兼容模式下，没有反应

Evanyi

wodhd 发表于 2014-5-27 12:17
实例在IE9非兼容模式下，没有反应

他程序没写好，你输入大于100的数字会出现这样的情况