客开页面渲染三方接口数据

需求：有时候我们需要再客开页面中渲染三方接口的数据，那么应该如何实现呢，这里提供一些实现思路

1，前端函数部分：

viewModel.getGridModel().on('afterSetDataSource', function (data) {
   let b = viewModel.getCache("remark");
   let gridModel = viewModel.getGridModel();
   //获取查询区
  let filterViewModelInfo = viewModel.getCache('FilterViewModel');
  let filterModelInfo = filterViewModelInfo.get('name');
  let realModelInfo = filterModelInfo.getFromModel();
   if (!b) {
     debugger;
     console.log("======before==========>"+JSON.stringify(gridModel.getData()));
     let pageIndex = gridModel.getPageIndex();
     let pageSize = gridModel.getPageSize();

//查询区拿到name属性
     let name = realModelInfo.getValue();

//调用api函数获取三方接口数据
     let res = cb.rest.invokeFunction("AT17FE6D9E08480004.api.getWebData", {pageIndex:pageIndex,pageSize:pageSize,name:name},function(err, res) {},viewModel,{async:false})
     let total = res.result.total;
     viewModel.setCache("remark", 1);

//渲染三方接口数据
     gridModel.setState('dataSourceMode','local');
      gridModel.setDataSource(res.result.data);
     gridModel.setPageInfo({
                        pageSize: pa