1.先新建好JSON文件(我这是个table的数据，带分页的，row变量就是一行一行的数据，现在测试数据只有一行)
2.然后新建DateAdapter
自己起名字，好了点next
选择JSON File，点next
选择刚才的JSON文件，下面勾选 Use the report JSON expression when filling the report，点Finish(我这已经做过一遍了， 所以Finish是灰的，不用管我这)
DataAdapter创建好了，点下Test Connextion试下对不对
3.创建页面打印模板
纸张就自己选择了，next
命名，继续next
选择刚刚创建的DataAdapter文件，next（这里可能会有JSON DataAdapter问题，后面补充）
窗口变成这样，双击选择rows，next
rows的所有字段就出现了，将要打印的字段添兄冲加到右边，next
group by分组用不到，直接next
报表创建了
可以看到刚才选的字段都在Fields里了，然后就是逗族自己排版打印格式（ JasperReport教程传送门 ）
点击Preview预览
补充：遇到JSON DataAdapter报错了
仔细一看是右括号附近报错，其实就是最后的逗号问题，在js里允许这个写法，可能报表严格些，删掉最后的逗号就好了
1、ashx返回json数据，减少传租咐输数据量，html页面样式控制也比较灵活；2、改写html页的jQuery代码；
3、把3个ashx文件简化为1个。
一、创建表的测试数据：
create table test(id int identity,title varchar(36))
declare @index int
set @index = 1
while(@index <8888)
begin
insert test(title) values (newid())
set @index = @index + 1
end
二、.html页
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function() {
Init()
})
function Init() {
$("#Content").html("")
$("#pageIndex").val(0)
$("#pageInfo").append("当前第1页")
$.getJSON("Handler.ashx", { type: 'first' }, function(data) {
$("#Content").append("<tr><th
style＝'width:130px'>id</th><th
style＝'width:150px'拦袜>title</th></tr>")
$.each(data, function(i) {
$("#Content").append("<tr><td>" +
data[i].id + "</td><td>" + data[i].title +
"</td></tr>")
})
})
}
function Pre() {
var currIndex = Number($("#pageIndex").val()) - 1
Go('pre', currIndex)
}
function Next() {
var currIndex = Number($("#pageIndex").val()) + 1
Go('next', currIndex)
}
function Go(type, index) {
$("#Content").html("")
$("#pageInfo").html("")
if (index == 0 || index == -1) { Init()return}
$.getJSON("Handler.ashx", { type: type, index: index }, function(data) {
$("#Content").append("<tr><th
style＝'width:130px'>id</th><th
style＝'width:150px'>title</th></tr>")
$.each(data, function(i) {
$("#Content").append("<tr><td>" +
data[i].id + "</td><td>" + data[i].title +
"</td></tr>")
})
$("#pageInfo").append("当前第 "简型激 + (index + 1) + " 页")
$("#pageIndex").val(index)
})
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="width: 100%">
<table id="Content" >
</table>
</div>
<div id="PagePanel" style="margin-left:20px">
<label id="pageInfo"></label>
<a href="#" onclick="Pre()">上一页</a>
<a href="#" onclick="Next()">下一页</a>
</div>
<input type="hidden" value="0" id="pageIndex" />
</form>
</body>
</html>
三、.ashx页
public class Handler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain"
StringBuilder tb = new StringBuilder()
DataBase db = new DataBase()
int pageSize = 10
int pageIndex = 0
string type = context.Request.Params["type"]
switch (type)
{
case "first":
DataTable dt1 = db.GetDataSet("select top 10 * from test", null).Tables[0]
tb.Append(Common.DataTableToJSON(dt1, true))//DataTable转为JSON
break
case "next":
pageIndex = Convert.ToInt32(context.Request.Params["index"])
DataTable dt2 = db.GetDataSet("select top " +
pageSize.ToString() + " * from test where id>(select max(id) from
(select top " + (pageSize * pageIndex).ToString() + " id from test) t)",
null).Tables[0]
tb.Append(Common.DataTableToJSON(dt2, true))
break
case "pre":
pageIndex = Convert.ToInt32(context.Request.Params["index"])
DataTable dt3 = db.GetDataSet("select top " +
pageSize.ToString() + " * from test where id>(select max(id) from
(select top " + (pageSize * pageIndex).ToString() + " id from test) t)",
null).Tables[0]
tb.Append(JSONHelper.DataTableToJSON(dt))
break
}
context.Response.Write(tb.ToString())
}
public bool IsReusable
{
get
{
return false
}
}
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）