WebApp主表合计明细数量以及明细金额自动计算

有一个需求，通过移动端下单，明细填写订单信息，明细中的金额需要自动计算，同时明细的金额合计需要在主表中显示。
效果如下：
















实现方法：
PC登录WebApp后在模板名称上点击右键选择编辑脚本(有权限的用户才有此菜单)，写入如下JS脚本
主表合计字段 F_275
明细单价 F_270
明细数量 F_271
明细金额 F_272

1. 
   
2. $(function () {
   
3.         /*此处编写自定义代码，请确认此js文件名与您想修改的模板编号一致*/
   
4. 
   
5. 
   
6.         //禁用数值字段避免被编辑
   
7.         //禁用主表合计字段
   
8.         $('input[fieldname="F_275"]').numberbox('readonly', true);
   
9.         //禁用明细合计
   
10.         $('input[fieldname="F_272"]').attr('readonly', 'readonly');
    
11. 
    
12. 
    
13.         //更改保存按钮的函数用于添加自定义的函数
    
14.         $(".create_sub.wholebgcolor.mx-save").attr("onclick", "secondsubmx()");
    
15. 
    
16. 
    
17. });
    
18. 
    
19. 
    
20. 
    
21. function secondsubmx() {
    
22.         //保存明细时重算明细合计
    
23.         var s1 = $('input[fieldname="F_270"]').numberbox('getValue');
    
24.         var s2 = $('input[fieldname="F_271"]').numberbox('getValue');
    
25.         var s3 = s2 * s1
    
26.         $('input[fieldname="F_272"]').numberbox('setValue', s3);
    
27. 
    
28.         //执行保存
    
29.         submx(); //原先的保存
    
30.         summx(); //添加的自定义函数计算明细合计填入主表合计
    
31. };
    
32. //将明细数据的和赋值给主表合计字段
    
33. function summx() {
    
34.         var v3 = 0;
    
35.         //遍历所有明细数据
    
36.         for (i = 0; i < datadetail.length; i++) {
    
37.                 //获取每一行数据
    
38.                 var row = datadetail[i];
    
39.                 //向总计变量累加明细中小计的值
    
40.                 v3 += parseFloat(row['F_272']);
    
41.         }
    
42.         //赋予总计的值
    
43.         $('input[fieldname="F_275"]').numberbox('setValue', v3);
    
44. };
    
45. 
    
46. 
    
47. function numChange(obj, newValue, oldValue) {
    
48.         var a = $(obj).attr('fieldname')
    
49.         //判断操作的是明细单价数量字段时
    
50.         if (a == 'F_270' || a == 'F_271') {
    
51.                 //取得明细单价数量的值并计算
    
52.                 var s1 = $('input[fieldname="F_270"]').numberbox('getValue');
    
53.                 var s2 = $('input[fieldname="F_271"]').numberbox('getValue');
    
54.                 var s3 = s2 * s1
    
55.                 //给明细单价数量赋值
    
56.                 $('input[fieldname="F_272"]').numberbox('setValue', s3);
    
57. 
    
58.         }
    
59. 
    
60. };

复制代码

WebApp主表合计明细数量以及明细金额自动计算

有一个需求，通过移动端下单，明细填写订单信息，明细中的金额需要自动计算，同时明细的金额合计需要在主表中显示。
效果如下：
















实现方法：
PC登录WebApp后在模板名称上点击右键选择编辑脚本(有权限的用户才有此菜单)，写入如下JS脚本
主表合计字段 F_275
明细单价 F_270
明细数量 F_271
明细金额 F_272

1. 
   
2. $(function () {
   
3.         /*此处编写自定义代码，请确认此js文件名与您想修改的模板编号一致*/
   
4. 
   
5. 
   
6.         //禁用数值字段避免被编辑
   
7.         //禁用主表合计字段
   
8.         $('input[fieldname="F_275"]').numberbox('readonly', true);
   
9.         //禁用明细合计
   
10.         $('input[fieldname="F_272"]').attr('readonly', 'readonly');
    
11. 
    
12. 
    
13.         //更改保存按钮的函数用于添加自定义的函数
    
14.         $(".create_sub.wholebgcolor.mx-save").attr("onclick", "secondsubmx()");
    
15. 
    
16. 
    
17. });
    
18. 
    
19. 
    
20. 
    
21. function secondsubmx() {
    
22.         //保存明细时重算明细合计
    
23.         var s1 = $('input[fieldname="F_270"]').numberbox('getValue');
    
24.         var s2 = $('input[fieldname="F_271"]').numberbox('getValue');
    
25.         var s3 = s2 * s1
    
26.         $('input[fieldname="F_272"]').numberbox('setValue', s3);
    
27. 
    
28.         //执行保存
    
29.         submx(); //原先的保存
    
30.         summx(); //添加的自定义函数计算明细合计填入主表合计
    
31. };
    
32. //将明细数据的和赋值给主表合计字段
    
33. function summx() {
    
34.         var v3 = 0;
    
35.         //遍历所有明细数据
    
36.         for (i = 0; i < datadetail.length; i++) {
    
37.                 //获取每一行数据
    
38.                 var row = datadetail[i];
    
39.                 //向总计变量累加明细中小计的值
    
40.                 v3 += parseFloat(row['F_272']);
    
41.         }
    
42.         //赋予总计的值
    
43.         $('input[fieldname="F_275"]').numberbox('setValue', v3);
    
44. };
    
45. 
    
46. 
    
47. function numChange(obj, newValue, oldValue) {
    
48.         var a = $(obj).attr('fieldname')
    
49.         //判断操作的是明细单价数量字段时
    
50.         if (a == 'F_270' || a == 'F_271') {
    
51.                 //取得明细单价数量的值并计算
    
52.                 var s1 = $('input[fieldname="F_270"]').numberbox('getValue');
    
53.                 var s2 = $('input[fieldname="F_271"]').numberbox('getValue');
    
54.                 var s3 = s2 * s1
    
55.                 //给明细单价数量赋值
    
56.                 $('input[fieldname="F_272"]').numberbox('setValue', s3);
    
57. 
    
58.         }
    
59. 
    
60. };

复制代码