找回密码
 立即注册

QQ登录

只需一步,快速开始

KearneyKang 讲师达人认证 悬赏达人认证
超级版主   /  发表于:2022-11-1 18:01  /   查看:1292  /  回复:0
本帖最后由 KearneyKang 于 2023-6-20 17:02 编辑

在实际的项目中,有时候需要给前端参数进行赋值,这个前端参数的赋值可能是一个字符串,有时候也可能是一个json字符串。

今天就来给大家分享下如何给前端参数赋值json字符串。

场景介绍,有时候报表进行Post请求的时候,Post请求中的查询语法,为了更加灵活,想要通过参数的形式进行传递。这样参数赋值就存在两种形式了,第一种就是直接在报表预览的时候在输入框输入json,或者是通过前端的形式给参数输入json字符串

前端传入参数的基本写法
  1. viewer.open('reports/展示3.rdlx-json',{ ReportParams: [{ Name: "input", Value:["1","2","3"] }] });     
复制代码
前端参数赋值json的写法
需要传入的Post的json写法
  1. {
  2.     "filter":{
  3.         "province":"山东省",
  4.         "unit":"中烟1",
  5.         "beginTime":"2001-10-10",
  6.         "endTime":"2022-12-10",
  7.         "headers":["预警处置#调查启动比#本期","预警处置#调查启动比#同期"]
  8.         },
  9.     "orderField":"unit",
  10.     "orderType":"desc"
  11. }
复制代码
在这里就到了重点,如果需在前端参数赋值json,那么就需要把json转换为json字符串的形式,这样前端才能识别
json转换为字符串的工具:https://www.bejson.com/zhuanyi/


转换后的json字符串
  1. {
  2.     "filter":{
  3.         "province":"山东省",
  4.         "unit":"中烟1",
  5.         "beginTime":"2001-10-10",
  6.         "endTime":"2022-12-10",
  7.         "headers":["预警处置#调查启动比#本期","预警处置#调查启动比#同期"]
  8.         },
  9.     "orderField":"unit",
  10.     "orderType":"desc"
  11. }
复制代码

前端赋值方法:
  1.   viewer.open('reports/展示3.rdlx-json',{ ReportParams: [{ Name: "input", Value:["{"filter":{ "province":"山东省","unit":"中烟1","beginTime":"2001-10-10","endTime":"2022-12-10", "headers":["预警处置#调查启动比#本期","预警处置#调查启动比#同期"]},"orderField":"unit","orderType":"desc"}"] }] });  
复制代码










本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部