FineUI 官方论坛

标题: 需要使用JS自动计算GRID中的数据，求助 [打印本页]

作者: cmlbluesea 时间: 2014-5-26 09:24
标题: 需要使用JS自动计算GRID中的数据，求助
本帖最后由 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
可以考虑用模板列，然后用JS控制，类似：http://fineui.com/demo/#/demo/grid/grid_edit_save_auto.aspx

作者: cmlbluesea 时间: 2014-5-27 10:00

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

谢谢，搞定了！

作者: wodhd 时间: 2014-5-27 12:17

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

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

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

欢迎光临 FineUI 官方论坛 (https://www.fineui.com/BBS/)