效果
步驟
1、新建被彈出界面并編輯
?修改被彈頁面的頁面模板屬性：
"templateType": "modal",
?修改彈出框表格高度
2、彈出頁面按鈕系結事件，彈出模態框
function (event) {
var viewModel = this;
let data = {
billtype: 'VoucherList',// 單據型別
billno: '45e120c4',// 單據號
params: {
mode: 'browse', // (編輯態、新增態、瀏覽態)
}
};
cb.loader.runCommandLine('bill', data, viewModel);
}
?如何獲取單據號？找到被彈頁面，點擊左側最高級選單，右側顯示單據編碼
3、在被彈頁面獲取彈出頁面傳的引數
viewModel.get("params").{$引數名稱};
//例：viewModel.get("params").mode;
4、父頁面（彈框頁面）與子頁面（被彈頁面）的互動——子頁面中獲取父頁面viewModel
?父頁面可對子頁面進行傳參，子頁面不可向父頁面傳參，而是可以直接獲取父頁面的viewModel ，直接進行界面操作
var parentViewModel = viewModel.getCache("parentViewModel");
5、有關彈出框的工具列
默認彈出框含有取消和保存按鈕，但無法獲取到保存事件，具體操作：
?在被彈頁面添加 “底部欄”，內部添加“工具列”，部門添加"按鈕"，可以通過屬性，調整規格型別為"主按鈕"，可顯示為紅色按鈕
?取消按鈕事件：關閉自身（被彈頁面）
function (event) {
var viewModel = this;
viewModel.communication({type:'modal',payload:{data:false}});
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/218418.html
標籤：其他