最近遇到一个问题,就是要用Grid++做页面数据报表打印,但是翻了Grid++文档就是没有直接从页面上传数据的,都是要加载txt文档,填写txt文档的url。自己尝试直接页面上传JSON数据到Grid++控件中,竟然成功了,分享一下。

静态框赋值Report.ParameterByName("ProductName").AsString="";

1.html页面代码如下:

<html>

    <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>会员资料报表</title>
<!--<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>-->
<script src="CreateControl.js" type="text/javascript"></script>
<script type="text/javascript">
function window_onload() {
var Data = "{\"Detail\": [" +
"{\"ProductID\": 2,\"ProductName\": \"牛奶\",\"UnitPrice\": 15.2,\"Quantity\": 20,\"Amount\": 304}," +
"{\"ProductID\": 16,\"ProductName\": \"饼干\",\"UnitPrice\": 13.9,\"Quantity\": 35,\"Amount\": 486.5}," +
"{\"ProductID\": 36,\"ProductName\": \"鱿鱼\",\"UnitPrice\": 15.2,\"Quantity\": 25,\"Amount\": 380}," +
"{\"ProductID\": 59,\"ProductName\": \"苏澳奶酪\",\"UnitPrice\": 44,\"Quantity\": 30,\"Amount\": 1320}" +
"]}";
var d = JSON.parse(Data);
ReportViewer.Stop(); var Report = ReportViewer.Report;
var Recordset = Report.DetailGrid.Recordset;
Report.PrepareLoadData();
for(var i = 0; i < d.Detail.length; i++) {
Recordset.Append();
Report.FieldByName("C1").AsString = d.Detail[i].ProductID;
Report.FieldByName("C2").AsString = d.Detail[i].ProductName;
Report.FieldByName("C3").AsString = d.Detail[i].UnitPrice;
Report.FieldByName("C4").AsString = d.Detail[i].Quantity;
Report.FieldByName("C5").AsString = d.Detail[i].Amount;
Recordset.Post();
} ReportViewer.Start();
}
</script>
</head> <body onload="window_onload()">
<script type="text/javascript">
CreatePrintViewerEx("100%", "100%", "www.grf", "", true, "");
</script>
</body> </html>

2.Grid++文件代码如下,txt保存改后缀为grf就可以:

{
"Version":"6.3.0.1",
"Font":{
"Name":"宋体",
"Size":90000,
"Weight":400,
"Charset":134
},
"Printer":{
},
"DetailGrid":{
"Recordset":{
"Field":[
{
"Name":"C1"
},
{
"Name":"C2"
},
{
"Name":"C3"
},
{
"Name":"C4"
},
{
"Name":"C5"
}
]
},
"Column":[
{
"Name":"Column1",
"Width":2.38
},
{
"Name":"Column2",
"Width":2.38
},
{
"Name":"Column3",
"Width":2.38
},
{
"Name":"Column4",
"Width":2.38
},
{
"Name":"Column5",
"Width":2.38
}
],
"ColumnContent":{
"Height":0.508,
"ColumnContentCell":[
{
"Column":"Column1",
"DataField":"C1"
},
{
"Column":"Column2",
"DataField":"C2"
},
{
"Column":"Column3",
"DataField":"C3"
},
{
"Column":"Column4",
"DataField":"C4"
},
{
"Column":"Column5",
"DataField":"C5"
}
]
},
"ColumnTitle":{
"Height":0.508,
"ColumnTitleCell":[
{
"GroupTitle":false,
"Column":"Column1",
"TextAlign":"MiddleCenter",
"Text":"ProductID"
},
{
"GroupTitle":false,
"Column":"Column2",
"TextAlign":"MiddleCenter",
"Text":"ProductName"
},
{
"GroupTitle":false,
"Column":"Column3",
"TextAlign":"MiddleCenter",
"Text":"UnitPrice"
},
{
"GroupTitle":false,
"Column":"Column4",
"TextAlign":"MiddleCenter",
"Text":"Quantity"
},
{
"GroupTitle":false,
"Column":"Column5",
"TextAlign":"MiddleCenter",
"Text":"Amount"
}
]
}
},
"Parameter":[
{
"Name":"ProductID"
},
{
"Name":"ProductName"
},
{
"Name":"UnitPrice"
},
{
"Name":"Quantity"
},
{
"Name":"Amount"
}
],
"ReportHeader":[
{
"Name":"ReportHeader1",
"Height":1.05833,
"Control":[
{
"Type":"StaticBox",
"Name":"StaticBox1",
"Left":5.79967,
"Top":0.1905,
"Width":2.794,
"Height":0.804333,
"Font":{
"Name":"宋体",
"Size":156000,
"Weight":400,
"Charset":134
},
"Text":"会员集料"
}
]
}
]
}

注意:grf文件中要赋值字段必须和js赋值一样多,不然就会报错显示不出来。

如果直接传入 json格式的话,加载数据用 ReportViewer.Report.LoadDataFromXML(jsonstr);

ReportViewer.Stop();

ReportViewer.Report.LoadDataFromXML(jsonstr);

//启动报表运行
ReportViewer.Start();

若jsonstr中用到动态加载的数据(记录集)那上述加载的不显示记录集,但是若是生成txt文件加载能显示记录集。不知道是什么什么原因引起的?

grid++json页面数据传入的更多相关文章

  1. (Spring4 json入门)Spring4+SpringMVC+页面数据发送与接收(json格式)

    jar包(Maven仓库): Spring4 jar包(Maven仓库): 在测试过程中我查看了网上的一些教程,但是那些教程都是在Spring3环境下的,Spring3和Spring4解析json需要 ...

  2. 在JSP页面中输出JSON格式数据

    JSON-taglib是一套使在JSP页面中输出JSON格式数据的标签库. JSON-taglib主页: http://json-taglib.sourceforge.net/index.html J ...

  3. django学习-16.返回给前端页面数据为json数据类型的3种方案

    目录结构 1.前言 2.JsonResponse类的源码简单分析 2.1.JsonResponse类的源码如下所示 2.2.JsonResponse类的构造函数里的每个入参的大概含义和作用 3.[方案 ...

  4. ASP.NET MVC搭建项目后台UI框架—8、将View中选择的数据行中的部分数据传入到Controller中

    目录 ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NET MVC搭建项目后台UI框架—3.面板折叠和展开 ASP.NE ...

  5. ligerui_实际项目_003:form中添加数据,表格(grid)里面显示,最后将表格(grid)里的数据提交到servlet

    实现效果: "Form"中填写数据,向本页"Grid"中添加数据,转换成Json数据提交,计算总和,Grid文本框可编辑,排序 图片效果: 总结: //disp ...

  6. 通过Jquery中Ajax获取json文件数据

    1. JSON(JavaScript Object Notation): javaScript对象表示法: 是存储和交换文本信息的语法,比xml更小,更快,更易解析. 2. JSON基本书写格式 : ...

  7. ajax接收遍历处理json格式数据

    ajax在前后端的交互中应用非常广泛,通过请求后台接口接收处理json格式数据展现在前端页面. 下面我们来简单用 ajax在本地做一个接收并处理json的小例子 首先我们要新建一个叫做data的jso ...

  8. View中选择的数据行中的部分数据传入到Controller中

    将View中选择的数据行中的部分数据传入到Controller中   ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NE ...

  9. JqGrid 自定义子表格 及 自定义Json 格式数据不展示

    项目第一次使用JqGrid ,发现功能强大,但由于对他不熟悉,也没有少走弯路,记录一下. 1.引用 <link href="~/Scripts/JqGrid/jqgrid/css/ui ...

随机推荐

  1. Cab 安装不成功问题

    使用 iexpress.exe 成功打包了cab文件. 可下面问题来了,用静态的html调用,提示安装. 确认安装之后,却提示找不到相应的*.ocx,导致无法安装文件到系统 分析具体原因:*.ocx ...

  2. 基于Geomesa服务查询轨迹数据无法根据空间和时间范围进行结果查询

    一.Geomesa - QuickStart(教程工程包)   百度网盘下载地址:geomesa-tutorials-master.7z 二.解压后,IDEA编译如下 百度网盘下载地址:IDEA201 ...

  3. B/S与C/S架构简介

    概念: C/S结构,即Client/Server(客户机/服务器)结构,是大家熟知的软件系统体系结构,通过将任务合理分配到Client端和Server端,降低了系统的通讯开销,可以充分利用两端硬件环境 ...

  4. Python之函数装饰器

    在实际中,我们可能需要在不改变函数源代码和调用方式的情况下,为函数添加一些新的附加功能,能够实现这种功能的函数我们将其称之为装饰器.装饰器本质上其实还是是一个函数,用来装饰其它函数,为函数添加一些附加 ...

  5. 牛客小白月赛4-E-浮点数输出 字符串

    #include <bits/stdc++.h> int main() { ]; scanf("%s",a); printf("%s\n",a); ...

  6. sphinx生成cakephp文档

    cakephp的文档是用一个叫sphinx程序生成的 这个程序是python写的,所以我们要用sphinx本机必须先装python. 编译过程在Ubuntu下进行,默认Ubuntu已经安装了pytho ...

  7. git 取消commit

    git如何撤销上一次commit操作 1.第一种情况:还没有push,只是在本地commit git reset --soft|--mixed|--hard <commit_id> git ...

  8. hive 中的float和double

    表employees中字段 taxes(税率)用类型float存储 hive> select name, salary, taxes from employees where taxes  &g ...

  9. android 学习四 ContentProvider

    1.系统自带的许多数据(联系人,本地信息等)保存在sqllite数据库,然后封装成许多ContentProvider来供其他程序访问. 2.对sqllite数据库的操作,可以在命令行通过adb工具登录 ...

  10. node环境清空控制台的代码

    process.stdout.write( process.platform === 'win32' ? '\x1B[2J\x1B[0f' : '\x1B[2J\x1B[3J\x1B[H' );