# JS增強—列表API [TOC] > JS增強api圍繞著that關鍵詞 > JS增強定義的方法內可使用 `that`關鍵字，該關鍵字指向當前頁面的vue實例，那就意味著可以用`that`調用任何當前頁面的實例方法/屬性 ## 列表API | 功能描述 | 語法 |參數| | --- | --- | --- | | 獲取選中行 | that.table.selectionRows | | 選中行的KEY | that.table.selectedRowKeys | | 獲取所有數據 | that.table.dataSource | | 加載數據 | that.loadData() | | 獲取查詢對象 | that.queryParam或是that.getQueryParams() | | 獲取當前行 | hello(row){console.log('選擇',row)} | | 時間格式化 | that.simpleDateFormat(millisecond, format) | millisecond:毫秒數，<br>format:yyyy-MM-dd hh:mm:ss 根據需求自定義格式| |lodash|that.lodash.methodName|具體使用什么工具方法參考[lodash官方文檔](https://lodash.com)| |ajax請求方法| getAction | 具體見下面的例子 | //Ajax示例 ~~~ getAction('/test/jeecgDemo/getNote',{school:value}).then(res=>{ let otherValues = {'note':res} that.triggleChangeValues(otherValues,id,targrt) }) ~~~ ``` //示例：調用simpleDateFormat格式化時間 created(){ console.log(that.simpleDateFormat(new Date().getTime(),'yyyy-MM-dd')); } ``` > 詳見 src/views/modules/online/cgform/auto/OnlCgformAutoList.vue > 所有屬性/方法均在此頁面定義 > JS增強嵌入點，代碼定位搜索： > 列表：this.cgButtonJsHandler('created') > 表單：EnhanceJS[ > src/components/online/autoform/OnlineForm.vue ## 列表事件 事件方法 | 功能描述 | ---|---| beforeAdd | 在新增之前調用,后續擴展after方法 | beforeEdit | 在編輯之前調用,該方法可以攜帶一個參數row，表示當前記錄，后續擴展after方法 | beforeDelete | 在刪除之前調用,該方法可以攜帶一個參數row，表示當前記錄,后續擴展after方法 | created | 在對應頁面vue鉤子函數created中調用 | ~~~ org.jeecg.modules.online.cgform.util.EnhanceJsUtil#enhanceJsButtonCode "beforeSubmit,beforeAdd,beforeEdit,afterAdd,afterEdit,beforeDelete,afterDelete,mounted,created,show,loaded"; ~~~