# Online之JS增強-關聯修改控件值【從表】 >[info] 功能說明：在online主從表單中，當從表某控件值改變的時候關聯改變從表的其他控件的值。 [TOC] ## 示例說明 **【以下說明僅限于從表】** 當改變字段 `學校(school)` 的時候，對應聯動改變字段 `描述(note)`。 * 子表表名：`a_sub_kua` * 子表數據字段如下(省略部分字段) 字段名 | 描述 | ---|---| school | 學校 | note | 備注 | ## 配置步驟 1.配置form的增強JS:[（JS增強定義見online基礎篇）](http://jeecg-boot.mydoc.io/?t=345055)  代碼如下： ``` 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) }) } } } ``` 2.編寫后臺代碼接收請求  代碼如下： ``` @Autowired ??private ISysDictService sysDictService; ?? ??@GetMapping("/getNote") ??public String getNote(@RequestParam(name="school") String school) { ????//TODO 業務自定義 此處下拉框的value是字典項的編碼需要將其轉換成名稱 ????String schoolName = sysDictService.queryDictTextByKey("school", school); ????return schoolName+"是一所學校"; ??} ``` 3.測試：  ## 注意事項 配置form表單JS增強 -主從表實現從表的關聯change有如下幾點需要注意（如1圖例子） 1. 方法名規則是：`表名_onlChange`,每張表對應一個方法 2. 上述方法會返回一個對象，對象中的屬性名和數據庫的字段名保持一致，上述1定義表示：當school字段內容改變的時候會觸發school方法 3. 每個字段方法內有兩個內置參數`that`和`event`，`that`指向當前頁面的vue實例對象,`event`對象包含屬性如下表 4. 使用`getAction`發起請求 5. 使用`that.triggleChangeValues(values,id,target)`改變其他控件的值，values是一個對象可以配置多個控件的值 > event對象描述如下 | 屬性名 | 描述 | | --- | --- | | type | 當前操作控件的類型 | | row | 當前行的數據,通過row.id可以獲取當前行的id值 | | column | 當前列的配置信息,通過column.key 獲取當前字段名稱 | | value | 當前控件的值 | | target | 當前控件所在table的target對象,調用triggleChangeValues用到 |