YB前端扩展开发时,关于页面路由,以及页面刷新得汇总

一、 页面之间跳转


页面跳转有两种情况,一种是列表页面跳转到对应的卡片页面;一种是两个页面不相关的跳转;

1、列表页面跳转到对应的卡片页面

  • 1、打开列表页面设计器,点击层级,打开最外层的模型的编辑器

undefined

图 1

  • 2、搜索cCardKey字段,把此字段值修改为你想打开的卡片页的单据号cBillNo

undefined

图 2

  • 3、获取卡片页的单据号cBillNo

undefined

图 3

2、打开指定页面(方式和打开弹窗类似)

  • 1、打开列表页面设计器,在初始化函数里面通过获取按钮模型,给按钮绑定click事件;
  • 2、在按钮点击事件里面,通过cb.loader.runCommandLine('bill', data, viewModel)打开页面;
  • 3、在子页面,通过viewModel.getParams().XXX接受参数; 代码如下:
function (event) {
    var viewModel = this;
    //跳转页面
    viewModel.get('button5jc').on('click',function(){
      // 'bill'为第一个参数,固定写死;
      //  data 为第二个参数,是object类型值,必须包含billtype:单据类型、billno:单据号;两个字段
      // viewModel 为第三个参数,可写死
      // params 为传递给页面的参数
      cb.loader.runCommandLine('bill',{
          billtype: 'voucherList',
          billno: 'b584b8e2List',
          params:{
            perData:'测试父页面数据传递'
          }
      },viewModel)
    })


    //接受传递过来的参数 XXX相当于传递过来的perData
    viewModel.getParams().XXX;
}

二、 页面常用方法汇总

1、手动触发返回上一个页面

function (event) {
    var viewModel = this;
    //手动返回上个页面
    viewModel.get('button5ji').on('click',function(){
      cb.utils.alert('测试手动返回上个页面');
      //核心代码
      viewModel.communication({type:'return'});
    })
}

2、手动刷新页面(相当于页面重载)

function (event) {
    var viewModel = this;
    //手动刷新页面
    viewModel.get('button5wg').on('click',function(){
      cb.utils.alert('手动刷新页面');
      //核心代码
      viewModel.execute('refresh');
    })
}

3、手动修改卡片页面的状态

function (event) {
    var viewModel = this;
    //手动刷新页面
    viewModel.get('button5wg').on('click',function(){
      cb.utils.alert('手动修改卡片页面的状态');
      //核心代码
      // 方式1
      viewModel.excute("modeChange", 'edit');

      // 方式2 
      // 推荐的修改mode的方式
      viewModel.biz.do('eidt', viewModel);
    })
}

4、在卡片页获取 单据状态、单据类型、单据编号、单据数据

function (event) {
    var viewModel = this;
    //手动刷新页面
    viewModel.get('button5wg').on('click',function(){
      //mode:单据状态  billType:单据类型  billNo:单据编号  billData:单据数据
      let {mode, billType, billNo, billData } = viewModel.getParams();
    })
}
Copyright © 用友 -【生态技术部】 2021 all right reserved,powered by Gitbook修订时间: 2021-09-29 17:44:21

results matching ""

    No results matching ""