html5 url 传参数,[实时数据]仪表板URL直接添加参数条件传参
2.1 添加 SQL 数据集
在业务包中新建带参数的 SQL 数据集:select * from new_dian where 店性质 in ('${店性质}')。${店性质}就是设置的参数变量,点击「刷新」,设置参数的默认值为「自有店」,设置参数类型为文本类型,点击「预览」,并确定保存数据集,如下图所示:
2.2 创建仪表板
新建一张仪表板,选择创建的带参数的 SQL 数据表「门店」,拖入「店性质」和「记录数」字段,选择「分组表」,如下图所示:
2.3 传递参数链接类型传递一个值写法传递多个值写法
5.1.11 版本之前的公共链接&参数名称=参数值&参数名称=参数值1','参数值2
5.1.11 版本之后的公共链接?参数名称=参数值?参数名称=参数值1','参数值2
预览链接?参数名称=参数值?参数名称=参数值1','参数值2
2.3.1 公共链接传递参数
若要实现在 URL 中的参数传递过滤,首先需要获取该仪表板的 URL 。进入仪表板节点,对新建的仪表板选择「创建公共链接」,开启公共链接并「复制链接」,如下图所示:
在获取的URL后添加「&参数名称=参数值」
5.1.11 版本之前,比如获取的链接为:http://localhost:37799/webroot/decision/v5/design/report/share/085cfd6b620c441eae930b9ad709e717?link=eyJhbGciOiJIUzI1NiJ9.eyJyZXBvcnRJZCI6IjA4NWNmZDZiNjIwYzQ0MWVhZTkzMGI5YWQ3MDllNzE3IiwidXNlcklkIjoiYjVmMGMyZWUtNjQwZi00MDM5LWE0ZDQtOTE4YjU1MzU0ODk4IiwianRpIjoiand0In0.19qCbrS1Mlpr9unY30Sk02p4Y1PbS1fv2xIAu3VfMBk
在最后添加「&店性质=管理店」:
http://localhost:37799/webroot/decision/v5/design/report/share/085cfd6b620c441eae930b9ad709e717?link=eyJhbGciOiJIUzI1NiJ9.eyJyZXBvcnRJZCI6IjA4NWNmZDZiNjIwYzQ0MWVhZTkzMGI5YWQ3MDllNzE3IiwidXNlcklkIjoiYjVmMGMyZWUtNjQwZi00MDM5LWE0ZDQtOTE4YjU1MzU0ODk4IiwianRpIjoiand0In0.19qCbrS1Mlpr9unY30Sk02p4Y1PbS1fv2xIAu3VfMBk&店性质=管理店
在地址栏输入添加参数后的 URL,可以看到通过 URL 中的参数传递,实现「管理店」的过滤,如下图所示:
注:若浏览器不支持中文参数,即该参数传递过滤不生效,就需要把 json 类型的 url 参数值先进行编码 encodeURIComponent()。比如 edge 浏览器。
5.1.11 版本之后,比如获取的链接为:http://localhost:37799/webroot/decision/link/3Oth
在最后添加「?店性质=管理店」:http://localhost:37799/webroot/decision/link/3Oth?店性质=管理店
在地址栏输入添加参数后的 URL,可以看到通过 URL 中的参数传递,实现「管理店」的过滤。
2.3.2 预览链接传递参数
仪表板预览的 URL 加上「?参数名称=参数值」,也可以进行参数的传递。
例如点击「预览仪表板」后可以获取预览的 URL ,如下图所示:
在预览的 URL 后加入「?店性质=管理店」,可以看到下方的分组表中过滤出了管理店的数据,实现参数的传递功能,如下图所示:
html5 url 传参数,[实时数据]仪表板URL直接添加参数条件传参相关推荐
- Office文档上传后实时转换为PDF格式_图片文件上传后实时裁剪_实现在线预览Office文档
Office文档上传后实时转换为PDF格式_图片文件上传后实时裁剪 前置条件 安装LibreOffice 安装OpenOffice 安装Unoconv 安装ImageMagick.x86_64 安装G ...
- ajax上传多行数据及数组循环添加对象
function pay(collectingCompanyId){var aCount=$("#actualCount").text();var aMoney=$("# ...
- 小程序空显示undefined_微信小程序显示ESP8266上传的实时显示温湿度数据
第一.原理讲解 原理简述:利用发布订阅模式.第一步,先读取DHT11温湿度数值,第二步,新建主题,然后esp8266往这个主题发送消息,第三步.小程序通过http API接口获取数据.小程序控制原理: ...
- 章节六:带参数请求数据
章节六:带参数请求数据 目录 章节六:带参数请求数据 1. 复习 2. 项目:狂热粉丝 3. 分析过程 3.1 什么是带参数请求数据 3.2 如何带参数请求数据 4. 代码实现 5. 被隐藏的歌曲清单 ...
- 如何设置ftp服务器上传文件夹至不同路径,设置ftp服务器上传文件夹
设置ftp服务器上传文件夹 内容精选 换一换 上传单个或多个本地文件或文件夹至OBS指定路径.待上传的文件可以是任何类型:文本文件.图片.视频等等.上传本地文件或文件夹时,请确保本地文件或文件夹在上传 ...
- PHP实现生成小程序二维码带参数进入指定页面、小程序URL scheme实现携带数据跳转小程序
图片二维码生成 <?php //二进制转图片image/pngfunction burryToBase64($contents, $mime){$base64 = base64_encode($ ...
- Java大数据培训学校全套教材-19)上传,中文处理,url含中文-马克-专题视频课程...
Java大数据培训学校全套教材-19)上传,中文处理,url含中文-9人已学习 课程介绍 "java大数据培训学校全套教材"系列课程由750集视频构成,基本就 是1 ...
- 后台返回整个html转换成页面链接,利用html5的history.replaceState修改当前页面的URL...
我们知道浏览器有一个history对象,用来保存浏览历史,用户可以通过点击浏览器的后退或前进按钮在历史记录中切换.之前对history的操作的API主要是前进.后退.跳转等,而在HTML5中提供了2个 ...
- 监测现场实时数据上传到中移物联网OneNet云平台
OneNet,中移物联网云平台,是由中国移动打造的PaaS物联网开放平台.平台能够帮助开发者轻松实现设备接入与设备连接,快速完成产品开发部署,为智能硬件.智能家居产品提供完善的物联网解决方案(摘自36 ...
最新文章
- tf.nn.embedding_lookup()的用法
- Pandas基础用法合集(中文官档)
- get pid and kill
- SVG 图像入门教程
- HH SaaS电商系统的商品关联版式功能模块设计
- android keyevent.java,dispatchKeyEvent简单理解
- VC 定位窗体常用方法
- 使用独立PID namespace防止误杀进程
- virtualbox中给CentOS根分区扩容的方法
- win10安装虚拟机vm遇到的坑
- python 超像素分割
- linux系统分区磁盘,Linux 操作系统手动磁盘分区详细说明
- FreeSurfer和FSL的安装和使用(脑部图像去除头骨+对图像和label同时进行仿射对齐)教程
- 记下js dom动态添加事件的解决方法
- 幼儿园计算机网络教室工作计划,幼儿园2017-2018学年游戏教学工作计划
- reinterpret_cast、static_cast、dynamic_cast和const_cast,区别
- python中and和or的惰性求值特点_Python 惰性求值
- 使用 Keras 进行面部表情识别
- [读后感]从Code Review 谈如何做技术
- 联合概率和条件概率的区别和联系