生成页面方法实现
此文档是生成页面的方法,具体操作见下面【事件方法实现示例】
实现方式,下面两种方式二选一实现，如：
1. 在生成的[表.jsx]文件中使用，如:
async searchBefore(params){
return true;
}
2.在生成的[表.vue]文件中使用:
const searchBefore=async(params)=>{
return true;
}
上面方式二选一都可以实现功能
| 方法说明 | 完整方法 |
|---|---|
| 页面初始化配置 | onInit($vm) { //页面初始化配置,$vm可设置属性见上面[参数属性] } |
| 页面初始化配置 | onInited() { //页面初始化配置，在onInit与onInited中间会初始化界面数据对象 } |
| 无特定描述 | mounted() { } |
| 表格查询前方法 | searchBefore(param) { //查询ViewGird表数据前,param查询参数 // console.log('表' + this.table.cnName + '触发loadTableBefore'); return true } |
| 表格查询后方法 | searchAfter(param, result) { //查询ViewGird表数据后param查询参数,result回返查询的结果 // console.log('表' + this.table.cnName + '触发loadTableAfter'); return true } |
| 明细表查询前方法 | searchDetailBefore(param, callBack, table, item) { //查询从表表数据前,param查询参数 //console.log(this.detailOptions.cnName + '触发loadDetailTableBefore'); return true } |
| 明细表查询后方法 | searchDetailAfter(param, data) { //查询从表后param查询参数,result回返查询的结果 // console.log(this.detailOptions.cnName + '触发loadDetailTableAfter'); return true } |
| 查询界面的表删除前，处理删除的 id 数组和行 | delBefore(ids, rows) { //查询界面的表删除前 ids为删除的id数组,,rows删除的行 return true } |
| 异步处理查询界面的表删除前逻辑，处理删除的 id 数组和行 | delBeforeAsync(ids, rows) { //查询界面的表删除前 ids为删除的id数组,,rows删除的行 return true } |
| 自定义删除提示 | getDelMessage(rows) { } |
| 查询界面的表删除后，处理删除结果 | delAfter(result) { //查询界面的表删除后 return true } |
| 弹出框删除明细表的行数据（仅操作 table） | delDetailRow(rows,table) { //弹出框删除明细表的行数据(只是对table操作，并没有操作后台) return true } |
| 弹出框删除明细表的行数据前（仅操作 table） | delRowBefore(rows, table, item, index){ //弹出框删除明细表的行数据(只是对table操作，并没有操作后台) return true } |
| 弹出框明细表删除后方法（仅操作 table） | delRowAfter(rows, table, item, index){//弹出框明细表删除后方法(只是对table操作，并没有操作后台) return true } |
| 保存前确认操作，可自定义确认逻辑 | saveConfirm(callback,formData,isAdd) {//保存前确认操作，formData表数据，isAdd是否新建操作 //保存前自定义确认操作 callback && callback() } |
| 新建保存前，处理表单数据 | addBefore(formData) { //新建保存前formData为对象，包括明细表 return true } |
| 异步处理新建保存前逻辑，处理表单数据 | async addBeforeAsync(formData) { //异步处理,功能同上(2020.12.06) return true } |
| 新建保存后，处理返回的状态及表单对象 | addAfter(result) { //新建保存后result返回的状态及表单对象 return true } |
| 编辑保存前，处理表单数据（含明细表和删除行的 Id） | updateBefore(formData) { //编辑保存前formData为对象，包括明细表、删除行的Id return true } |
| 异步处理编辑保存前逻辑，处理表单数据（含明细表和删除行的 Id） | async updateBeforeAsync(formData) { //异步处理,功能同上(2020.12.06) return true } |
| 编辑保存后，处理返回的状态及表单对象 | updateAfter(result) { //编辑保存后result返回的状态及表单对象 return true } |
| 审核前，处理审核相关数据 | auditBefore(ids, rows) { //审核前 return true } |
| 审核后，处理审核结果 | auditAfter(result, rows) { // 审核后 return true } |
| 重置新建表单前的内容 | resetAddFormBefore() { //重置新建表单前的内容 return true } |
| 重置新建表单后的内容 | resetAddFormAfter() { //重置新建表单后的内容 return true } |
| 重置编辑表单前的内容 | resetUpdateFormBefore() { //重置编辑表单前的内容 return true } |
| 重置编辑表单后的内容 | resetUpdateFormAfter() { //重置编辑表单后的内容 return true } |
| 点击编辑/新建按钮弹出框前，可从后台获取数据等操作 | modelOpenBefore(row) { //点击编辑/新建按钮弹出框前，可以在此处写逻辑，如，从后台获取数据 return true } |
| 异步处理点击编辑/新建按钮弹出框前逻辑，可从后台获取数据等操作 | modelOpenBeforeAsync(row) { //点击编辑/新建按钮弹出框前，可以在此处写逻辑，如，从后台获取数据 return } |
| 点击编辑/新建按钮弹出框后，可做相关逻辑处理 | modelOpenAfter(row, currentAction, isCopyClick) { //点击编辑/新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据 } |
| 导入 excel 后刷新 table 表格数据 | importAfter(data) { return true; //导入excel后刷新table表格数据 } |
| 明细表导入后方法 | importDetailAfter(rows) { return true; } |
| 导入 excel 导入前，可处理表单数据并提交到后台 | importBefore(formData,callback) { //导入excel导入前 //往formData写一些其他参数提交到后台， // formData.append("val2", "xxx"); //后台按下面方法获取请求的参数 // Core.Utilities.HttpContext.Current.Request("val2"); //如果需要异步执行，请执行callback();//下面的return true去掉 return true } |
| 重新加载字典绑定的数据源 | reloadDicSource() { //重新加载字典绑定的数据源 } |
| 导出前处理 | exportBefore(param) { //2020.06.25增加导出前处理 return true } |
| 导出后方法 | exportAfter(res, param) { } |
| 导出时自定义文件名 | getFileName(isDetail) {//导出时自定义文件名 return '' } |
| 弹出框关闭事件，可控制是否关闭弹出框 | onModelClose(iconClick) {//弹出框关闭事件 //iconClick=true为点击左中上角X触发的关闭事件 //如果返回 false不会关闭弹出框 //return false; return true } |
| 表 CheckBox 是否可以勾选 | selectable(row, index) { //表CheckBox 是否可以勾选 return true } |
| 主表拖动排序 | sortEnd(newIndex, oldIndex, rows) { } |
| 明细表主表拖动排序 | detailSortEnd(rows, newIndex, oldIndex) { } |
| 审批弹出框打开前方法 | boxAuditOptionOpenBefore(row) { } |
| 二、三级表添加行返回默认行数据 | addDetailRow(table, item, index){} |
| 行内编辑获取默认编辑行前方法 | tableAddRowBefore(row, index) { //行内编辑获取默认编辑行前方法 return true } |
| 行内编辑获取默认编辑行 | getDefaultRow(row, index) { //行内编辑获取默认编辑行 return {} } |
| 字典初始后方法 | dicInited(dic) { //字典初始后方法 } |
| 复选框选中事件 | rowChange(rows) { } |
| 复选框选中事件 | selectionChange(rows) { } |
| 行点击事件 | rowClick({ row, column, event }) { } |
| 行双击事件 | rowDbClick({ row, column, event }) { } |
| 主表表格编辑前方法 | beginEdit(row, column, index) { //主表表格编辑 return true } |
| 主表表格编辑结束前处理 | endEditBefore(row, column, index) { return true } |
| 表格合并 | spanMethod({ row, column, rowIndex, columnIndex }, rows) { } |
| 明细表表格合并 | detailSpanMethod({ row, column, rowIndex, columnIndex }, rows) { } |
| 查询表单重置方法 | resetSearchFormAfter() { } |
| 表单分组切换事件 | tabClick(name) { } |
| 明细表添加行（包括一对多明细表添加行），可返回特定格式数据 | detailAddRowBefore(table,item) {//明细表添加行(包括一对多明细表添加行) //这里可以返回: return [{}]或者{} } |
| 明细表 checkbox 复选框选中事件 | detailRowChange(row, table) { } |
| 明细表 checkbox 复选框是否可以选中 | detailSelectable(row, index, item) { return true; } |
| 连续添加操作保存后事件 | continueAddAfter(formFields, formData, res) { } |
| 明细表行点击事件 | detailRowClick({ row, column, event, item }) { } |
| 一对明细表 tabs 点击事件 | detailTabsClick(table){} |
| 点击复制按钮，可做预处理操作 | copyDataBefore(rows) { return true } |
| 审批弹出框打开前方法，可做预处理操作 | auditModelOpenBefore(rows, isAnti, view) { //审批弹出框打开前方法 return true } |
| 获取实际审批的表 | getAuditTable(rows, isAnti, view) {//获取实际审批的表 return '' } |
| 审批弹出框加载流程信息 | flowLoadAfter(form, result) { } |
| 打印按钮点击前方法 | printBefore(rows) { return true } |
| 三级明细表加载前，可做预处理操作 | searchSubDetailBefore(rows, table, item){return true} |
| 三级明细表加载后，可做后处理操作 | searchSubDetailAfter(rows, table, item){return true} |
| 打印弹出框关闭 | printModelClose(){} |