通过 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端预览」，效果如下图所示：
注：不支持移动端。
