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

cmlbluesea · 发表于 2014-5-26 09:24:51

本帖最后由 cmlbluesea 于 2014-5-26 10:01 编辑

怎么在可编辑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>
                                    <f

ropDownList ID="ddlUnit" runat="server">
</f

ropDownList>
                                 </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>
                                    <f

ropDownList ID="ddlType" Required="true" runat="server">
</f

ropDownList>
                                 </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 · 发表于 2014-5-26 09:53:15

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

cmlbluesea · 发表于 2014-5-27 10:00:24

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

谢谢，搞定了！

wodhd · 发表于 2014-5-27 12:17:19

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

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

Evanyi · 发表于 2014-5-28 19:58:34

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

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

		自动登录	找回密码
密码			立即注册

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

本帖子中包含更多资源