|
|
|||
|
|||
|
我比较菜,只会用html,但我想原理都是一样的。
我默认大家都知道如何把报表部署到Tomcat了。 下面,Tomcat安装目录下的webapps\birtServer\下添加目录ADCBiz,用来存放报表和所需的html网页。 把报表zong.rptdesign拷贝到此目录下。 在此目录下建立html文件zong.html. zong.html的内容如下: <html> <head> <meta name=save content=history> <STYLE> .saveHistory {behavior:url(#default#savehistory);} </STYLE> </head> <body> <form name=f method=post action=""> <label>选择查询时间范围</label> <select class=saveHistory name=opttime onchange="Enablet()" id=oPersistInput> <option value=0 >全部</option> <option value=1>自定义查询时间</option> </select> <label>输入开始日期</label> <input class=saveHistory type=text name=startdate value=20071107 disabled > <label>输入结束日期</label> <input class=saveHistory type=text name=enddate value=20081107 disabled ><p> <label>选择查询公司范围</label> <select class=saveHistory name=optran onchange="Enablep()" > <option value=0 onselect="Disable()">全部</option> <option value=1>自定义查询公司</option> </select> <label>选择省公司</label> <select class=saveHistory name=optpro disabled > <option value=100>北京</option> <option value=200>广东</option> <option value=210>上海</option> <option value=220>天津</option> <option value=230>重庆</option> <option value=240>辽宁</option> <option value=250>江苏</option> <option value=270>湖北</option> <option value=280>四川</option> <option value=290>陕西</option> <option value=311>河北</option> <option value=351>山西</option> <option value=371>河南</option> <option value=431>吉林</option> <option value=451>黑龙江</option> <option value=471>内蒙古</option> <option value=531>山东</option> <option value=551>安徽</option> <option value=571>浙江</option> <option value=591>福建</option> <option value=731>湖南</option> <option value=771>广西</option> <option value=791>江西</option> <option value=851>贵州</option> <option value=871>云南</option> <option value=891>西藏</option> <option value=898>海南</option> <option value=931>甘肃</option> <option value=951>宁夏</option> <option value=971>青海</option> <option value=991>新疆</option> </select> <input onclick="go()" type=button value=查询> <input onclick="goto()" type=button value=切换到图表> </form> </body> </html> <script language=javascript> function go(){ window.parent.a.location.href="http://localhost:8888/birtServer/run? __report=ADCBiz/zong.rptdesign&opttime="+f.opttime.value+"&startdate="+f.startdate.value+"&enddate="+ f.enddate.value+"&optran="+f.optran.value+"&optpro="+f.optpro.value; } function goto(){ window.parent.a.location.href="http://localhost:8888/birtServer/run? __report=ADCBiz/zongtu.rptdesign&opttime="+f.opttime.value+"&startdate="+f.startdate.value+"&enddate= "+f.enddate.value+"&optran="+f.optran.value+"&optpro="+f.optpro.value+"&opt=1"; } function Enablet() { if(document.f.opttime.value==1) { document.f.startdate.disabled=false; document.f.enddate.disabled=false; } else { document.f.startdate.disabled=true; document.f.enddate.disabled=true; } } function Enablep() { if(document.f.optran.value==1) document.f.optpro.disabled=false; else document.f.optpro.disabled=true; } </script> 这只是一个例子,你的表单不需要做成这样,但请仔细看代码的红色部分!参数传递是靠从表单中取值然后转换为url的参数来完成的!记住参数一个都不能少!否则又会蹦出那个难看的参数框! 接下来,再建立一个html,总.html.内容如下: <frameset rows=100,*> <frame src=zong.html> <frame name=a src=http://localhost:8888/birtServer/run? __report=ADCBiz/zong.rptdesign&opttime=0&startdate=20071107&enddate=20081107&optran=0&optpro=100> </frameset> 这个网页的意思是把网页分成两个frame,这样在点击上面的表单并刷新后能保留原来表单所选择的数据并更新报表 。比较方便实用。 把Tomcat打开,一切就绪。双击 总.html。即可开始运行报表。 在本机上运行脚本会被阻止,你解除阻止后,就可以控制表单了。 希望我说的够详细。 |
![]() |
| 主题工具 | 搜索本主题 |
| 显示模式 | |
|
|