# OnlineJS增強之—自定義按鈕，修改子表的數據 >[info] 【主子表】通過自定按鈕+js增強實現一鍵增加子表的多條數據/清除子表的多條數據 [TOC] ## 示例效果  ## 示例說明 點擊自定義表單按鈕，子表自動添加多條數據；點擊刪除按鈕時，刪除子表數據。 * 子表表名：`a_sub_kua` * 子表數據字段如下(省略部分字段) 字段名 | 描述 | ---|---| study_begin | 開始時間 | study_end | 結束時間 | school | 學校 | note | 備注 | ## 配置步驟 - 1. 進入online表單開發頁面,選擇一張主表記錄，點擊自定義按鈕，新增兩個`“form”`按鈕—` “增加子表數據(addSubRecords)”` 、`“刪除子表數據(removeSubRecords)”`,如下圖：  - 2. 進入online表單開發頁面,選擇上述主表記錄，點擊JS增強，選擇`“form”`，編寫js，按鈕編碼對應方法名，如下  * 代碼示例： ``` addSubRecords(){ let rows=[{ study_begin:"2008-09-01", study_end:"2011-06-09", school:"藍翔技校", note:"挖掘機技術哪家強?" },{ study_begin:"2011-09-01", study_end:"2015-07-09", school:"新東方", note:"你有一個夢想?" }] that.addSubRows('a_sub_kua',rows) } removeSubRecords(){ that.clearSubRows('a_sub_kua') } ``` - 3. 新增測試結果：  - 4. 刪除測試結果   ## 注意事項 > 1.新增數據,此處是自定義一個測試的數據對象，實際開發中可以向后臺發起請求獲取數據,然后添加到子表 > 2.此處有幾個內置方法可以調用 方法名 | 參數 | 描述 | ---|---|---| clearSubRows | tbname | 傳入參數子表名，用于清除子表數據。(示例如上圖) | addSubRows | tbname,rows | 傳入參數子表名和數據對象，用于新增子表的數據， rows可以是一個對象，也可以是一個數組(一次性新增多條記錄)(示例如上圖) | clearThenAddRows | tbname,rows | 傳入參數子表名和數據對象，用于新增子表的數據，在新增前先清除子表現有數據，參數用法同addSubRows |