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>
                                        <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    时间: 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://fineui.com/BBS/) Powered by Discuz! X3.4