案例-自建单据列表单击打开销售订单的详细信息

蔡Tommy

一、案例说明

目前有很多场景，客户自建单据需要在列表页根据订单号打开相关销售或者采购订单的详情页，针对此需求本章以自建应用作为案例，简要说明如何进行此功能的客开操作。



二、设计步骤
1、应用构建——列表页面联查
首先做一下列表页面字段可以点击的效果，已字段：账号设备申请为例，我们在设计器中，在层级中右键数据编辑器，修改字段：bJointQuery:true,保存后就出现字段可以点击的效果：





2、应用构建——设计脚本
我们在脚本编辑中，使用函数：beforeCellJointQuery进行监听，根据编码或者id，用函数：runCommandLine打开销售订单的详情页。具体脚本是：

  let gridModel = viewModel.getGridModel();

  gridModel.on('beforeCellJointQuery', function(args) {
    const res = JSON.stringify(args.row.zhsbsq);
    alert('hello:'+res);
    cb.loader.runCommandLine('bill', {
      billtype: 'voucher',//单据类型
      billno: 'voucher_order',//单据编码
      domainKey:'udinghuo',//领域编码
      params: {
        id: args.row.zhsbsq,//传参id
        mode: 'browse',//浏览态
        readOnly: true
      }
    }, viewModel);
    return false;//表示不再进入后面的单击事件
  });



3、应用构建——演示

具体结果可见下图：


三、总结
按照如上步骤可以达成效果，以后可以举一反三，只要修改脚本相关的参数即可。

BIP670788

//表2点击超链接跳转到表4

let gridModel1 = viewModel.getGridModel('Lookattheclinicrecordfield10List');   //跳转前，获取自身列表的编码 表2电子病历的明细表明
  gridModel1.on('beforeCellJointQuery', function(args) {
    cb.loader.runCommandLine('bill', {
      billtype: 'voucher',            //单据类型      //详情，列表使用  VoucherList     
      billno: 'Visitmanagement10', //目标单据编码  跳转到目的地的编码  拷贝详情页与列表页的页面（页面建模里面的一主多表或者列表）
      domainKey:'developplatform',     //领域编码      固定的
      params: {
        id: args.row.Kanzhen,          //传参id //不一定是ID，可以用 其他字段，要跳转主表，就把主表的ID 传到，这个字段，如表4ID传到表2 的详情页，然后这里写详情页
        mode: 'browse',                //浏览态  编辑态是 edit
        readOnly: true
      }
    }, viewModel);
    return false;         //表示不再进入后面的单击事件
  });
     
我写清楚一点吧，字段代表什么意思，实施也能轻松去适应配置