技术区 › YonBIP › 关于viewModal的相关知识

zhou66 发表于 2023-12-22 11:50:48

关于viewModal的相关知识

本帖最后由 zhou66 于 2023-12-22 11:52 编辑


视图业务模型我们称之为viewModel，它是对model数据模型的组合和组装，实现对数据的联动和修改。
[*]1、View 层为基于 React 的组件化实现，其中配合 Redux 应用状态管理框架实现了应用级的状态数据管理；
[*]2、Model 层对应基于 Redux 提供的 Store 数据中心，store 中的数据来自 Node 层提供的 viewApplication 等相关元数据，通过 props 数据流动接入到 UI 组件中。




https://doc.yonisv.com/mybook/developergame/function/1-/images/viewModel.png




[*]viewModel 原生数据模型（最外层模型）
[*]BaseModel 数据模型基类
[*]GridModel 表格模型（对BaseModel 的封装）
[*]TreeModel 树形模型（对BaseModel 的封装）
[*]FilterModel 过滤器模型（对BaseModel 的封装）
[*]ReferModel 参照模型（对BaseModel 的封装）
[*]ListModel 列表模型（对BaseModel 的封装）

zhou66 发表于 2023-12-22 12:02:57

生命周期方法（自上而下，顺序进入）
customInit
afterLoadMeta
afterMount
监听事件
beforeSearch 查询前
beforeAdd 新增前
afterAdd 新增后
beforeBatchsubmit 提交前
afterBatchsubmit 提交后
beforeBatchdo 撤回、启用、停用前
afterBatchdo 撤回、启用、停用后
beforeBatchpush 下推前
afterBatchpush 下推后
beforeTempexport 下载模板前
afterTempexport 下载模板后
beforeBatchimport 导入前
afterBatchimport 导入后
beforeBatchoutput Excel导出、导出明细、下载附件前
afterBatchoutput Excel导出、导出明细、下载附件后
beforeBatchdelete 批量删除前
afterBatchdelete 批量删除后
beforePrintnow 直接打印前
afterPrintnow 直接打印后
beforeCopy 复制行前
afterCopy 复制行后
beforeEdit 编辑行前
afterEdit 编辑行后
beforeDblClick 双击列表行前
afterDblClick 双击列表行后
cellJointQuery 链接查询
afterBatchaudit 批量审批（无流程）
afterBatchunaudit 批量弃审（无流程）
列表页面
生命周期方法（自上而下，顺序进入）
customInit
说明:初始化

viewModel.on('customInit', function(args){
debugger;
})
afterLoadMeta
说明:单据的UI元数据已经返回

示例

viewModel.on('afterLoadMeta',function(args){
debugger;
})
afterMount
说明:列表页组件挂载完成

示例

viewModel.on('afterMount',function(args){
debugger;
})
监听事件
beforeSearch 查询前
说明:列表查询前事件

示例

viewModel.on('beforeSearch',function(args){
debugger;
})
beforeAdd 新增前
说明:列表点击新增前事件

示例

viewModel.on('beforeAdd',function(args){
debugger;
})
afterAdd 新增后
说明:列表点击新增后事件

示例

viewModel.on('afterAdd',function(args){
debugger;
})
beforeBatchsubmit 提交前
说明:列表点击批量提交前事件

示例

viewModel.on('beforeBatchsubmit',function(args){
debugger;
})
afterBatchsubmit 提交后
说明:列表点击批量提交后事件

示例

viewModel.on('afterBatchsubmit',function(args){
debugger;
})
beforeBatchdo 撤回、启用、停用前
说明:列表点击批量撤回、批量启用、批量停用前事件，方法参数args做区分

示例

viewModel.on('beforeBatchdo',function(args){
debugger;
})
afterBatchdo 撤回、启用、停用后
说明:列表点击批量撤回、批量启用、批量停用后事件，方法参数args做区分

示例

viewModel.on('afterBatchdo',function(args){
debugger;
})
beforeBatchpush 下推前
说明:列表点击批量下推前事件

示例

viewModel.on('beforeBatchpush',function(args){
debugger;
})
afterBatchpush 下推后
说明:列表点击批量下推前事件

示例

viewModel.on('afterBatchpush',function(args){
debugger;
})
beforeTempexport 下载模板前
说明:列表点击下载模板前事件

示例

viewModel.on('beforeTempexport',function(args){
debugger;
})
afterTempexport 下载模板后
说明:列表点击下载模板后事件

示例

viewModel.on('afterTempexport',function(args){
debugger;
})
beforeBatchimport 导入前
说明:列表点击导入前事件

示例

viewModel.on('beforeBatchimport',function(args){
debugger;
})
afterBatchimport 导入后
说明:列表点击导入后事件

示例

viewModel.on('afterBatchimport',function(args){
debugger;
})
beforeBatchoutput Excel导出、导出明细、下载附件前
说明:列表点击Excel导出、导出明细、下载附件前事件

示例

viewModel.on('beforeBatchoutput',function(args){
debugger;
})
afterBatchoutput Excel导出、导出明细、下载附件后
说明:列表点击Excel导出、导出明细、下载附件后事件

示例

viewModel.on('afterBatchoutput',function(args){
debugger;
})
beforeBatchdelete 批量删除前
说明:列表点击批量删除前事件

示例

viewModel.on('beforeBatchdelete',function(args){
debugger;
})
afterBatchdelete 批量删除后
说明:列表点击批量删除后事件

示例

viewModel.on('afterBatchdelete',function(args){
debugger;
})
beforePrintnow 直接打印前
说明:列表点击直接打印前事件

示例

viewModel.on('beforePrintnow',function(args){
debugger;
})
afterPrintnow 直接打印后
说明:列表点击直接打印后事件

示例

viewModel.on('afterPrintnow',function(args){
debugger;
})
beforeCopy 复制行前
说明:列表点击行内复制按钮前事件

示例

viewModel.on('beforeCopy',function(args){
debugger;
})
afterCopy 复制行后
说明:列表点击行内复制按钮后事件

示例

viewModel.on('afterCopy',function(args){
debugger;
})
beforeEdit 编辑行前
说明:列表点击行内编辑按钮前事件

示例

viewModel.on('beforeEdit',function(args){
debugger;
})
afterEdit 编辑行后
说明:列表点击行内编辑按钮后事件

示例

viewModel.on('afterEdit',function(args){
debugger;
})
beforeDblClick 双击列表行前
说明:列表双击数据前事件

示例

viewModel.getGridModel().on('beforeDblClick',function(args){
debugger;
})
afterDblClick 双击列表行后
说明:列表双击数据后事件

示例

viewModel.getGridModel().on('afterDblClick',function(args){
debugger;
})
cellJointQuery 链接查询
说明:列表点击链接查询字段事件

示例

viewModel.getGridModel().on('cellJointQuery',function(args){
debugger;
})
afterBatchaudit 批量审批（无流程）
说明:列表点击批量审批事件

示例

viewModel.on('afterBatchaudit',(data)=>{
alert(JSON.stringify(data));
})
afterBatchunaudit 批量弃审（无流程）
说明:列表点击批量弃审事件

示例

viewModel.on('afterBatchunaudit',(data)=>{
alert(JSON.stringify(data));
})

zhou66 发表于 2023-12-22 12:04:25

列表页viewModalhttps://doc.yonisv.com/mybook/professional-yonbuilder/mdf/patterns/Listen/listListen.html?h=viewm

生命周期方法（自上而下，顺序进入）
customInit
afterLoadMeta
afterMount
监听事件
beforeSearch 查询前
beforeAdd 新增前
afterAdd 新增后
beforeBatchsubmit 提交前
afterBatchsubmit 提交后
beforeBatchdo 撤回、启用、停用前
afterBatchdo 撤回、启用、停用后
beforeBatchpush 下推前
afterBatchpush 下推后
beforeTempexport 下载模板前
afterTempexport 下载模板后
beforeBatchimport 导入前
afterBatchimport 导入后
beforeBatchoutput Excel导出、导出明细、下载附件前
afterBatchoutput Excel导出、导出明细、下载附件后
beforeBatchdelete 批量删除前
afterBatchdelete 批量删除后
beforePrintnow 直接打印前
afterPrintnow 直接打印后
beforeCopy 复制行前
afterCopy 复制行后
beforeEdit 编辑行前
afterEdit 编辑行后
beforeDblClick 双击列表行前
afterDblClick 双击列表行后
cellJointQuery 链接查询
afterBatchaudit 批量审批（无流程）
afterBatchunaudit 批量弃审（无流程）
列表页面
生命周期方法（自上而下，顺序进入）
customInit
说明:初始化

viewModel.on('customInit', function(args){
debugger;
})
afterLoadMeta
说明:单据的UI元数据已经返回

示例

viewModel.on('afterLoadMeta',function(args){
debugger;
})
afterMount
说明:列表页组件挂载完成

示例

viewModel.on('afterMount',function(args){
debugger;
})
监听事件
beforeSearch 查询前
说明:列表查询前事件

示例

viewModel.on('beforeSearch',function(args){
debugger;
})
beforeAdd 新增前
说明:列表点击新增前事件

示例

viewModel.on('beforeAdd',function(args){
debugger;
})
afterAdd 新增后
说明:列表点击新增后事件

示例

viewModel.on('afterAdd',function(args){
debugger;
})
beforeBatchsubmit 提交前
说明:列表点击批量提交前事件

示例

viewModel.on('beforeBatchsubmit',function(args){
debugger;
})
afterBatchsubmit 提交后
说明:列表点击批量提交后事件

示例

viewModel.on('afterBatchsubmit',function(args){
debugger;
})
beforeBatchdo 撤回、启用、停用前
说明:列表点击批量撤回、批量启用、批量停用前事件，方法参数args做区分

示例

viewModel.on('beforeBatchdo',function(args){
debugger;
})
afterBatchdo 撤回、启用、停用后
说明:列表点击批量撤回、批量启用、批量停用后事件，方法参数args做区分

示例

viewModel.on('afterBatchdo',function(args){
debugger;
})
beforeBatchpush 下推前
说明:列表点击批量下推前事件

示例

viewModel.on('beforeBatchpush',function(args){
debugger;
})
afterBatchpush 下推后
说明:列表点击批量下推前事件

示例

viewModel.on('afterBatchpush',function(args){
debugger;
})
beforeTempexport 下载模板前
说明:列表点击下载模板前事件

示例

viewModel.on('beforeTempexport',function(args){
debugger;
})
afterTempexport 下载模板后
说明:列表点击下载模板后事件

示例

viewModel.on('afterTempexport',function(args){
debugger;
})
beforeBatchimport 导入前
说明:列表点击导入前事件

示例

viewModel.on('beforeBatchimport',function(args){
debugger;
})
afterBatchimport 导入后
说明:列表点击导入后事件

示例

viewModel.on('afterBatchimport',function(args){
debugger;
})
beforeBatchoutput Excel导出、导出明细、下载附件前
说明:列表点击Excel导出、导出明细、下载附件前事件

示例

viewModel.on('beforeBatchoutput',function(args){
debugger;
})
afterBatchoutput Excel导出、导出明细、下载附件后
说明:列表点击Excel导出、导出明细、下载附件后事件

示例

viewModel.on('afterBatchoutput',function(args){
debugger;
})
beforeBatchdelete 批量删除前
说明:列表点击批量删除前事件

示例

viewModel.on('beforeBatchdelete',function(args){
debugger;
})
afterBatchdelete 批量删除后
说明:列表点击批量删除后事件

示例

viewModel.on('afterBatchdelete',function(args){
debugger;
})
beforePrintnow 直接打印前
说明:列表点击直接打印前事件

示例

viewModel.on('beforePrintnow',function(args){
debugger;
})
afterPrintnow 直接打印后
说明:列表点击直接打印后事件

示例

viewModel.on('afterPrintnow',function(args){
debugger;
})
beforeCopy 复制行前
说明:列表点击行内复制按钮前事件

示例

viewModel.on('beforeCopy',function(args){
debugger;
})
afterCopy 复制行后
说明:列表点击行内复制按钮后事件

示例

viewModel.on('afterCopy',function(args){
debugger;
})
beforeEdit 编辑行前
说明:列表点击行内编辑按钮前事件

示例

viewModel.on('beforeEdit',function(args){
debugger;
})
afterEdit 编辑行后
说明:列表点击行内编辑按钮后事件

示例

viewModel.on('afterEdit',function(args){
debugger;
})
beforeDblClick 双击列表行前
说明:列表双击数据前事件

示例

viewModel.getGridModel().on('beforeDblClick',function(args){
debugger;
})
afterDblClick 双击列表行后
说明:列表双击数据后事件

示例

viewModel.getGridModel().on('afterDblClick',function(args){
debugger;
})
cellJointQuery 链接查询
说明:列表点击链接查询字段事件

示例

viewModel.getGridModel().on('cellJointQuery',function(args){
debugger;
})
afterBatchaudit 批量审批（无流程）
说明:列表点击批量审批事件

示例

viewModel.on('afterBatchaudit',(data)=>{
alert(JSON.stringify(data));
})
afterBatchunaudit 批量弃审（无流程）
说明:列表点击批量弃审事件

示例

viewModel.on('afterBatchunaudit',(data)=>{
alert(JSON.stringify(data));
})

查看完整版本: 关于viewModal的相关知识