效果
步骤
1、新建被弹出界面并编辑
⭐修改被弹页面的页面模板属性:
"templateType": "modal",
⭐修改弹出框表格高度
2、弹出页面按钮绑定事件,弹出模态框
function (event) { var viewmodel = this; let data = { billtype: 'VoucherList',// 单据类型 billno: '45e120c4',1)"> 单据号 params: { mode: 'browse',1)"> (编辑态、新增态、浏览态) } }; cb.loader.runcommandLine('bill',data,viewmodel); }
⭐如何获取单据号?找到被弹页面,点击左侧最高级菜单,右侧显示单据编码
3、在被弹页面获取弹出页面传的参数
4、父页面(弹框页面)与子页面(被弹页面)的交互——子页面中获取父页面viewmodel
⭐父页面可对子页面进行传参,子页面不可向父页面传参,而是可以直接获取父页面的viewmodel ,直接进行界面操作
5、有关弹出框的工具栏
默认弹出框含有取消和保存按钮,但无法获取到保存事件。具体操作:
⭐在被弹页面添加 “底部栏”,内部添加“工具栏”,部门添加"按钮",可以通过属性,调整规格类型为"主按钮",可显示为红色按钮
⭐取消按钮事件:关闭自身(被弹页面)
;
viewmodel.communication({type:'modal',payload:{data:false}});
}