调用接口对数据进行渲染（YonBuilder）

本章节是对数据进行数据渲染

渲染方式：使用的是连接接口

在页面建模里找到对应模板 点击进入列表 >左边点击层级>右边有一个动作>添加前端函数>编写函数如下：

function (event) {
  var viewModel = this;
  debugger;
   viewModel.on('beforeSearch', function () {
        let gridmodel = viewModel.getGridModel();
         gridmodel.setState('dataSourceMode', 'local');
        //gridmodel.clear();//此段代码是将数据加持到页面操作
  
  //let data={'marketPlanId':viewModel.get('id').getValue(),'org':viewModel.get('org').getValue()};
  //确认状态接口
  var url='/api/biz/getBizData?domainKey=usmp'; //调用接口
  var proxy=cb.rest.DynamicProxy.create({ //固定写法
    ensure:{ url:url, method:'POST' } 
  }); 
   var params={//声明了一个属性
  
        "fullname": "usmp.settlementapply.SettlementApplyInfo",//貌似是对应数据库的那张表  额 应该是
         //"fullname":"dimension_customer_name",
	       "data": "*,dimension_terminal.name,define.define1,marketingActivity.code,marketingActivity.theme,dimension_customer.name",//页面的字段名，我们要获取哪些字段
	       "condition": {//一些条件
		         "isExtend": false,
		         "simpleVOs": [{
			       "field": "dimension_customer",
			       "op": "is_not_null"
		         },{
			        "field": "marketingActivity",
			        "op": "is_not_null"
		         },{
			        "field": "dimension_terminal",
			        "op": "is_not_null"
		         }]
	        },
	       "page": {//分页
		        "pageIndex": 1,
		        "pageSize": 500
	       }
    }
    proxy.ensure(params,function(err,result){ 
       var result1=result.recordList;
       //代垫商已兑付接口
       var url2='/vouch/fetchSettleInfo?domainKey=usmp'; //调用接口
       var proxy2=cb.rest.DynamicProxy.create({ 
          ensure:{ url:url2, method:'POST' } 
       }); 
       var params2={//第二个属性
          "billnum": "usmp_settlementapply",
          "data":result1
       }
       
       proxy2.ensure(params2,function(err,result){  
         gridmodel.setDataSource(result);//将数据传递到result中
         console.log(result);//打印出result里的数据
       });
      console.log(JSON.stringify(result));//json转字符串
    });
   });
} 

在营销活动通知单里写一个更新的接口，只要一通知数据立刻进行更新
更新数据接口：

function (event) {
  var viewModel = this;//'2352480669225216'   '2293806909461248'
  //var currentUser = JSON.parse(AppContext()).currentUser;
  debugger;//加断点好调试
  var data=viewModel.getGridModel().getSelectedRows();
  var arr=[];
  data.forEach((item)=> {//进行遍历 计算合计价格
    arr.push(item.settlementApplyId);
  });
  //更新状态接口
  var url='/api/biz/updateBizData?domainKey=usmp'; //连接接口
  var proxy=cb.rest.DynamicProxy.create({ 
    ensure:{ url:url, method:'POST' } 
  }); 
  var params={//声明属性
       "fullname": "usmp.settlementapply.SettlementApplyInfoDefine",
       "data": [
        // {"id":"2341947839042048","define1":"0"},
        // {"id":"2341161886110464","define1":"0"}]
         {"id":"2341947839042049","define1":"是"},
         {"id":"2341953403671040","define1":"否"}]//在数据中随便找两条数据放进来，测试接口
  }
    proxy.ensure(params,function(err,result){ 
      console.log(JSON.stringify(result));
    });
  
  
  //let data={'marketPlanId':viewModel.get('id').getValue(),'org':viewModel.get('org').getValue()};

  /*var url='/api/biz/getBizData?domainKey=usmp'; 
  var proxy=cb.rest.DynamicProxy.create({ 
    ensure:{ url:url, method:'POST' } 
  }); 
  var params={
    billnum:'usmp_settlementapply', 
    data:{ "fullname": "usmp.settlementapply.SettlementApplyInfo",
           "data": "*,dimension_terminal.name,define.define1,marketingActivity.Code,marketingActivity.Theme,dimension_customer.name",//,settlementApplyId.*
           "condition": {
              "isExtend": true,
              "simpleVOs": [{
                  "field": "dimension_customer",
                  "op": "eq",
                  "value1": 2361769166344448//2333702674813184
               }]
            },
           "page": {
               "pageIndex": 1,
               "pageSize": 20
            }
         }
   }
    proxy.ensure(params,function(err,result){ 
      console.log(JSON.stringify(result));
    });*/
}