【jeecg-boot项目开发crm】：day07JeecgBoot-零基础入门视频-05Online表单子表JS增强写法【p4】

解决：单品总价的计算

• 会使用到JS增强【针对行级的JS增强】

1. 首先复制代码

默认的代码：

a_sub_kua_onlChange(){
    return {
        school(){
            let id = event.row.id
            let value = event.value
            let targrt = event.target
            let columnKey = event.column.key
            getAction('/test/jeecgDemo/getNote',{school:value}).then(res=>{
                let otherValues = {'note':res}
                that.triggleChangeValues(otherValues,id,targrt)
            })
        }
    }
}

修改过程：

• 注：onlChange()是自己定义好的标准
• 我们针对ces_order_goods订单商品控制，所以要将命名进行修改【表名+’_onlChange’】
• 我们要对price，num，zong_price字段进行处理
• 这里字段名改为num，当num字段内容改变的时候会触发num方法

修改后：

ces_order_goods_onlChange(){
    return {
        num(){
           
            let id = event.row.id
            let num = event.row.num
            let price = event.row.price

            let targrt = event.target
            
            let nval = price*num
            console.log('row',event.row);
            console.log('num',num);
            console.log('that',that);
            let otherValues = {'zong_price': nval}
              
            that.triggleChangeValues(otherValues,id,targrt)
   

        }
    }
}

• console.log的内容可以执行后按f12中的console中进行查看

2. 在JS增强中代码

• list：是针对列表的
• form：是针对表单的【这里用这个】

3. 【商城订单表】单品总价的计算——功能演示