报表页面的异步加载

$("#btn_search").click(function () {
            var computeTime = $("#txt_computeTime_").val();
            var endComputeTime = $("#txt_EndcomputeTime_").val();
            var simulationNumber = $("#txt_simulationNumber_").val();
            var riskBookId = $("#txt_select_").val();
            var checked = $("#chk_3d").checked;
            var viewType = "2d";
            if (checked) {
                viewType = "3d";
            }
            var url = "/ReportEg/Report2.aspx?_method=GetReport&txt_computeTime_=" + computeTime + "&txt_simulationNumber_=" + simulationNumber + "&txt_select_=" + riskBookId + "&viewtype=" + viewType + "&txt_EndcomputeTime_=" + endComputeTime + "";
            $.ajax({
                async: true,
                type: "GET",
                url: url,
                data: {},
                dataType: "text",
                success: function (data) {
                    $("#VisifireChart1").html("");
                    if (data.length > 0) {
                        var vChart = new Visifire2(‘../SL.Visifire.Charts.xap‘, 800, 500);
                        vChart.setDataXml(data);
                        vChart.render(‘VisifireChart1‘);
                    }

}
            });

});

后台:

if (Request["_method"] == "GetReport")
                {
                   string riskBookId = Request["txt_select_"].ToString();
                    string computeDate = Request["txt_computeTime_"].ToString();
                    string endcomputeDate = Request["txt_EndcomputeTime_"].ToString();
                    string simulationNumber = Request["txt_simulationNumber_"].ToString();
                    string viewType = Request["viewtype"].ToString();
                    txt_computeTime_.Value = computeDate;
                    txt_simulationNumber_.Value = simulationNumber;
                    if (string.IsNullOrEmpty(riskBookId) || string.IsNullOrEmpty(computeDate) || string.IsNullOrEmpty(simulationNumber))
                    {
                        throw new Exception("查询参数均不可为空!");

}
                    Framework.QueryInfo info = new Framework.QueryInfo();
                    info.QueryObject = "RskBookHistogram";
                    info.CustomSQL = "select Tick_Value,Frequency_Value from rsk_book_histogram where Compute_Date>=:Compute_Date and Compute_Date<=:endcomputeDate and Simulation_Number=" + simulationNumber;
                    info.Parameters.Add("Compute_Date",DateTime.Parse(computeDate));
                    info.Parameters.Add("endcomputeDate",DateTime.Parse(endcomputeDate));
                    DataSet dt = Dao.ExcuteDataSet(info);
                    vChartDataSet = dt;
                    string outputtext = "<script language=‘javascript‘ type=‘text/javascript‘>";
                    var dataXml = "";
                    if(viewType == "3d")
                        dataXml += "<vc:Chart xmlns:vc=‘clr-namespace:Visifire.Charts;assembly=SLVisifire.Charts‘ Width=‘800‘ Height=‘500‘ Theme=‘Theme1‘ BorderThickness=‘0‘ View3D=‘True‘ Watermark=‘False‘ ScrollingEnabled=‘False‘>";
                    else if(viewType == "2d")
                        dataXml += "<vc:Chart xmlns:vc=‘clr-namespace:Visifire.Charts;assembly=SLVisifire.Charts‘ Width=‘800‘ Height=‘500‘ Theme=‘Theme1‘ BorderThickness=‘0‘ View3D=‘False‘ Watermark=‘False‘ ScrollingEnabled=‘False‘>";
                    dataXml += "<vc:Chart.Titles><vc:Title Text=‘分析图2‘/></vc:Chart.Titles>";
                    dataXml += "<vc:Chart.AxesX><vc:Axis Title=‘直方图横坐标‘></vc:Axis></vc:Chart.AxesX>";
                    dataXml += "<vc:Chart.AxesY><vc:Axis Title=‘频数值‘ /></vc:Chart.AxesY>";
                    dataXml += "<vc:Chart.Series>";
                    dataXml += "<vc:DataSeries LegendText=‘‘ RenderAs=‘Column‘ LabelEnabled=‘true‘ LabelStyle=‘OutSide‘ Cursor=‘Hand‘>";
                    dataXml += "<vc:DataSeries.DataPoints>";
                    foreach (DataRow row in dt.Tables[0].Rows)
                    {
                        dataXml += "<vc:DataPoint AxisXLabel=‘" + row["Tick_Value"].ToString() + "‘ YValue=‘" + row["Frequency_Value"].ToString() + "‘/>";
                    }
                    dataXml += "</vc:DataSeries.DataPoints>";
                    dataXml += "</vc:DataSeries>";
            
                    dataXml += "</vc:Chart.Series>";
                    dataXml += "</vc:Chart>";
                  Response.Write(dataXml);
                  Response.End();
                  
                }

时间: 2024-11-05 21:25:57

报表页面的异步加载的相关文章

一个小例子理解js异步加载

前几天笔试某公司有这样一道题.编写一个javascript函数,可以在页面上异步加载js,在加载结束后执行callback,并在IE和chrome下可以执行. 就这个题我写了一个DOM方法异步加载js的例子,可以给对于异步不了解的朋友参考感受一下. 众所周知,js是一种单线程的语言,它的Event Loop机制可以看一下阮一峰的这篇博客,讲解的很好 http://www.ruanyifeng.com/blog/2014/10/event-loop.html 下面看一下我写的例子 1 <!DOCT

SpringMVC+Jquery -页面异步加载数据

背景: 做项目时涉及到页面,当我打算在controller中传一个list到页面,然后通过<c:foreach>循环遍历出来时,同事说:你这样每次都要刷新,这都是几百年前使用的技术了.你用post实现异步加载数据.然后就...... ResultUtil.java 工具类: package com.sgcc.uds.fs.config.web.util; import java.util.HashMap; import java.util.Map; import net.sf.json.JSO

页面优化——js异步加载

同步加载 在介绍js异步加载之前,我们先来看看什么是js同步加载.我们平时最常使用的就是这种同步加载形式: <script src="http://XXX.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像).渲染.代码执行.一般的script标签(不带async等属性)加载时会阻塞浏览器,也就是说,浏览器在下载或执行该js代码块时,后面的标签不会被解析,例如在he

artdialog 异步加载页面 生成验证码

artdialog  异步加载一个页面 需求:例如现在好多网站的登录或注册 都是点击弹出一个层出来 然后在上面登录.注册 这个登录可能在网站的每个页面都会有,但是我们又不能在每个页面都这一段html加载出来不显示,到需要用的时候,在给shou出来,这样做于情于理都说!不!!过!!!去!!!!!! 恰好以前接触过artdialog  不多说上代码,(注意思维,代码是死的方法是活,解决需求不一定非要这个方法 ) 1.页面html代码 1 <head runat="server">

淘宝购物车页面 智能搜索框Ajax异步加载数据

如果有朋友对本篇文章的一些知识点不了解的话,可以先阅读此篇文章.在这篇文章中,我大概介绍了一下构建淘宝购物车页面需要的基础知识. 这篇文章主要探讨的是智能搜索框Ajax异步加载数据.jQuery的社区非常的活跃,许多朋友都在不同地方分享了很多优秀的插件.我在相关的网站上找过想实现类似功能的插件,但是没有找到.于是乎,自己动手丰衣足食.自己来搭建智能搜索框下拉列表.当然,如果有类似功能并且常维护Bug的插件,望留言交流. 源码地址: 淘宝购物车页面--PC端和移动端项目实战 首先需要先给大家打一根

【Android】纯代码创建页面布局(含异步加载图片)

开发环境:macOS 10.12 + Android Studio 2.2,MinSDK Android 5.1 先看看总体效果 本示例是基于Fragment进行的,直接上代码: [界面结构] 在 Fragment 中,采用 ScrollView + LinearLayout 实现. 1 <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http:/

使用Ajax异步加载页面时,怎样调试该页面的Js

前言-本人不是干前端的,所以有的名词不专业 在前端中,有时候会遇到这样的框架,http://172.17.11.151:8060/frontend/backend.html#1.html (通过解析URL,把1.html异步加载到指定位置),不知道这样的框架叫什么名字. 那我们就会遇到一个问题,调试1.html的时候怎么办,通过浏览器掉出控制台找不到1.Html页面,无法加断点啊. 解决办法 在1.html 你所要调试位置加上一句代码  debugger;  就可以了,就是这么爽 可以调试了,可

【Ajax】实现注册页面判断用户名是否可用的提示—异步加载

效果如图 在注册或登录网站时,当我们输入错误格式的账号或信息时,会看到这种提示. 那怎么实现呢,通过ajax异步加载的方式,可以实现不刷新页面就显示出该提示. 实现 首先创建一个JSP,写一个简单的页面. 1 <body> 2 用户名:<input type="text" name="name" id="xxx"/><label></label><br> 3 年 龄:<input

实现页面异步加载

应用场景 平时我们用的最多的网页加载方式就是同步加载模式,也称阻塞模式,这种模式虽然安全,但是对于设计比较繁琐的网页采用同步加载会使网页的加载时间大大加长,所以也就出现了下面用到的异步加载模式. 使用 异步加载可以使用 XHR Injection. XHR Eval. Script In Iframe. Script defer属性. document.write(script tag)等,我当前采用的的是Script DOM Element方法,也就是动态向页面创建script标签异步加载JS