返回介绍

218.修改控件值【单-主-表】

发布于 2020-09-14 22:20:41 字数 3857 浏览 1264 评论 0 收藏 0

功能说明:在online表单中,当改变表单某一控件值的时候关联改变其他控件的值,【仅限单表/主表】 示例说明: 出生日期(birthday)被改变的时候改变对应的年龄(age),步骤如下

1.配置form的增强JS:(JS增强定义见online基础篇)
输入图片说明 代码如下:

 onlChange(){
   return {
    birthday(){
      let value = event.value
      let currBirthday = new Date(value.replace(/-/g, "\/")); 
      let d = new Date(); 
      let age = d.getFullYear()-currBirthday.getFullYear()    
      let values = {'age':age}
      that.triggleChangeValues(values)
    }
  }
 }

2.测试
输入图片说明

Summary:配置form表单JS增强 -单表实现关联change有如下几点需要注意(如1图例子)

1.方法名规则是:表名+'_onlChange'或是直接写onlChange也行(单/主表才支持这种命名规则) 2.上述方法会返回一个对象,对象中的属性名和数据库的字段名保持一致,上述1定义表示:当birthday字段内容改变的时候会触发birthday方法改变age字段的值 3.每个字段方法内有两个内置参数that和event,that指向当前页面的vue实例对象,event对象包含属性如下表 4.使用getAction发起请求 5.使用that.triggleChangeValues(values)改变其他控件的值,values是一个对象可以配置多个控件的值 > event对象描述如下

属性名描述
row当前表单的数据,编辑页面通过row.id可以获取当前表单的id值
column当前列的配置信息,通过column.key 获取当前字段名称
value当前控件的值

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文