云报表XDOC：带参数的HTML

最新推荐文章于 2021-02-12 22:39:10 发布

xdocs

最新推荐文章于 2021-02-12 22:39:10 发布

阅读量374

点赞数

本文链接：https://blog.csdn.net/xdocs/article/details/50190557

版权

　　HTML中可以支持参数（如果没有就不能叫报表了），参数的引用方式为：${参数名称}，参数的传递方式为json方式，如下：

var html = "<html><h1>${公司}</h1><img src='${徽标}'></html>" ;

XDoc.run(html, "flash" ,{公司: "新浪" ,徽标: "http://i1.sinaimg.cn/dy/deco/2013/0329/logo/LOGO_1x.png" }, "_blank" );

X DOC还可以使用“_xdata”参数传递批量数据，例如：

XDoc.run(html, "flash" ,

　　{_xdata:[

　　　　{公司: "新浪" ,徽标: "http://i1.sinaimg.cn/dy/deco/2013/0329/logo/LOGO_1x.png" },

　　　　{公司: "百度" ,徽标: "http://www.baidu.com/img/bdlogo.gif" },

　　　　{公司: "腾讯" ,徽标: "http://mat1.gtimg.com/www/images/qq2012/qqlogo_1x.png" },

　　　　{公司: "阿里巴巴" ,徽标: "http://i04.c.aliimg.com/cms/upload/2012/625/674/476526_1451252140.jpg" }

　　]}

　　, "_blank" );

完整的示例html：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>XDOC Server</title>
</head>
<body>
<script type="text/javascript" src="http://xdoc.sinaapp.com/xdoc.js"></script>
<script type="text/javascript">
var html = "<html><h1>${公司}</h1><img src='${徽标}'></html>";
//XDoc.run(html,"flash",{公司:"新浪",徽标:"http://i1.sinaimg.cn/dy/deco/2013/0329/logo/LOGO_1x.png"},"_blank");
XDoc.run(html,"flash",
	{_xdata:[
		{公司:"新浪",徽标:"http://i1.sinaimg.cn/dy/deco/2013/0329/logo/LOGO_1x.png"},
		{公司:"百度",徽标:"http://www.baidu.com/img/bdlogo.gif"},
		{公司:"腾讯",徽标:"http://mat1.gtimg.com/www/images/qq2012/qqlogo_1x.png"},
		{公司:"阿里巴巴",徽标:"http://i04.c.aliimg.com/cms/upload/2012/625/674/476526_1451252140.jpg"}
	]}
	,"_blank");
</script></body>
</html>

查看图片附件

xdocs

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
云报表XDOC：带参数的HTML

HTML中可以支持参数（如果没有就不能叫报表了），参数的引用方式为：${参数名称}，参数的传递方式为json方式，如下：var html = "${公司}";XDoc.run(html,"flash",{公司:"新浪",徽标:"http://i1.sinaimg.cn/dy/deco/2013/0329/logo/LOGO_1x.png"},"_blank"); XDOC
复制链接

扫一扫