html表单中按钮添加超链接,JS 实现点击按钮实现超链接功能

2024-06-03 07:30:15

通过 JS，直接改变报表中相关参数的参数值，报表画面呈现参数值对应的内容。

2.1 准备数据集

新建一个决策报表，新建数据集 ds1，SQL语句为：SELECT * FROM 销量 where 地区='${area}'，其中有一个数据集参数 area ，如下图所示：

2.2 设计报表

1)在 body 中添加两个「按钮控件」和一个报表块，「按钮控件」名称分别为华东、华北，如下图所示：

2)将 ds1 数据集字段拖入报表块单元格中，设计单元格样式，如下图所示：

最终 body 布局如下图所示：

2.3 添加点击事件

1)选中华东「按钮控件」button0，为其添加一个「点击」事件，事件需要添加两个参数。如下图所示：

参数值如下表所示：参数值

sessionsessionID

area华东

JavaScript 代码如下：//给参数area赋值，向服务器调取数据的时候，实现调取部分数据的刷新

$.ajax({

url: '/webroot/decision/view/form?op=fr_dialog&cmd=parameters_d',

type: 'POST',

data: {

"area": area //给area参数赋值

},

headers: {

sessionID: session

},

complete: function(res, status) {

if (window.FR && FR.Chart && FR.Chart.WebUtils) {

FR.Chart.WebUtils.clearCharts();//清除图表内容

}

_g().loadContentPane();//加载报表内容

}

});

2)同样的方法，为华北「按钮控件」添加「点击」事件。如下图所示：

参数值如下表所示：参数值

sessionsessionID

area华东

JavaScript 代码如下：//给参数area赋值，向服务器调取数据的时候，实现调取部分数据的刷新

$.ajax({

url: '/webroot/decision/view/form?op=fr_dialog&cmd=parameters_d',

type: 'POST',

data: {

"area": area //给area参数赋值

},

headers: {

sessionID: session

},

complete: function(res, status) {

if (window.FR && FR.Chart && FR.Chart.WebUtils) {

FR.Chart.WebUtils.clearCharts();//清除图表内容

}

_g().loadContentPane();//加载报表内容

}

});

2.4 效果预览

保存模板，点击「PC端预览」，效果如下图所示：

注：不支持移动端。

html表单中按钮添加超链接,JS 实现点击按钮实现超链接功能相关推荐

js下载文件 java_[Java教程]使用js实现点击按钮下载文件
[Java教程]使用js实现点击按钮下载文件 0 2016-11-11 19:02:54 有时候我们在网页上需要增加一个下载按钮,让用户能够点击后下载页面上的资料,那么怎样才能实现功能呢?这里有两种方 ...
html 点击按钮js自增,JS实现点击按钮自动增加一个单元格的方法
本文实例讲述了JS实现点击按钮自动增加一个单元格的方法.分享给大家供大家参考.具体分析如下: 这是一个网页在线自助生成表格的特效代码. 核心功能代码是JS实现,点击网页中的添加按钮,网页中自动增加一个 ...
js实现点击按钮切换图片功能_☆*往事随風*☆的博客
文章目录前言一.DOM是什么? 二.对象的HTML DOM 树三.图片切换练习 1.要求 2.实现思路 3.示例代码 1.html示例代码如下: 2.css示例代码如下: 2.js示例代码如下: ...
js实现点击按钮传值
js实现点击按钮传值 page1源码: <!DOCTYPE html><html><head><meta charset="UTF-8"& ...
html点击展开盒子变大,JS实现点击按钮控制Div变宽、增高及调整背景色的方法
本文实例讲述了JS实现点击按钮控制Div变宽.增高及调整背景色的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript实现点击按钮后改变DiV的高度.宽度和背景色等,点击对应按钮,Div ...
党旗飘飘平台正确打开方法 | JS定时点击按钮
党旗飘飘平台正确打开方法 | JS定时点击按钮背景:最近学校发展对象需要在"党旗飘飘"平台上观看党课视频.而这个平台不支持视频调速,而且时不时跳出来一个按钮,点击后视频才会播放, ...
html 复制文本按钮,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理分析浏览器提供了 ...
js脚本点击按钮显示文字_JSBOX脚本聊天神器
聊天神器是一个基于JSBox的脚本 JSBox 是一个可以用来运行 JavaScript 脚本的 iOS 应用,你可以通过他来执行标准的 JavaScript 脚本这种执行不是指跑在浏览器上,而是执 ...
js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理 ...

最新文章

热门文章