Online之JS增強-關聯修改控件值【單表/主表】 === >[info] 功能說明：在online表單中，當改變表單某一控件值的時候，關聯改變其他控件的值 >[danger] **關聯修改控件值【僅限單表/主表】** [TOC] ## 示例效果  ## 示例說明 `當出生日期(birthday) 被改變的時候，對應改變年齡(age)的值.` ## 配置步驟 1.配置form的增強JS:[（JS增強定義見online基礎篇）](http://jeecg-boot.mydoc.io/?t=345055)  示例代碼如下： ``` 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) } } } ``` ## 注意事項 配置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 | 當前控件的值