打开详情页

通过设置 pageParam ,进行页面传参;通过 api.pageParam 接收(获取)传参。

  • frame页面

    function openReleaseDetailsWin(id) {
      api.openWin({
          name: 'details',
          url: './details.html',
          pageParam: {
              id: id
          },
          animation: {
            type: "fade"
          }
      });
    }
    
  • 子页面

    // details.html
    function openDeatils(){
        var header = $api.byId('header');
        var headerH = $api.offset(header).h;
        api.openFrame({
            name: 'details_frame',
            url: './details_frame.html',
            rect: {
                x: 0,
                y: headerH,
                w: 'auto',
                h: 'auto'
            },
            pageParam: {
                id: api.pageParam.id
            },
            bounces: true
        });
      }
    
  • 子页面frame

    // details_frame.html
    function getDetailsData(){
        var data = {
          demandId: api.pageParam.id
        }
        api.showProgress({
          style: 'default',
          animationType: 'fade',
          title: '努力加载中...',
          text: '',
          modal: false
      });
        api.ajax({
            url: 'http://172.16.50.57:8080/api/wxdemand/demandDetail',
            method: 'post',
            data: {
              body: data
            },
            dataType: 'json',
            timeout: 100,
            returnAll: true,
            headers:{
              'Content-Type': 'application/json;charset=utf-8'
            }
        }, function(ret, err) {
            if (ret) {
                api.hideProgress();
                if (ret.statusCode == '200') {
                  var result = ret.body.data;
                  // alert(JSON.stringify(result))
                  var tpl = detailsTpl(result);
                  $api.append($api.byId('details'), tpl);
                }else{
                  alert('糟糕,错误状态码:'+ret.statusCode)
                }
            } else {
                alert('出错啦:'+err.statusCode);
            }
        });
    
      }
    

results matching ""

    No results matching ""