已经定义好了element属性如何修改这个属性的值?
html5初始化如下
var viewer = GrapeCity.ActiveReports.Viewer({
element : '#viewerContainer',
........此处省略其他配置
});
初始化完成以后,并且进行了查询加载了报表,
我想 在某一个点击事件中 重新初始化viewerContainer 这个div里的html片段。
我 在事件中进行
$("#viewerContainer").html("");
viewer.option('element','#viewerContainer');
这个操作 提示我 You can't change the element 不能修改 这个 element 属性的值。
有什么方法我能让这个viewerContainer的内容恢复到 我查询报表前的 内容?也就是 初始化的内容
您好,您的意思是,您点击了一个查询然后报表进行了加载。现在想进行另外一个操作,让报表重新加载,还是怎么的
如果是这样的需求,您可以尝试着写多个按钮的触发,然后点击不同的按钮触发不同的事件。可以实现不同加载的不同<body>
<button type="button" onclick="dy()">打印</button>
<button type="button" onclick="dm()">刷新</button>
<div id="viewer" style="width:1000px ;height:800px;"></div>
<script src="Scripts\bootstrap-3.0.0.js"></script>
<script src="Scripts\knockout-2.3.0.js"></script>
<script src="Scripts\jquery-1.10.2.js"></script>
<script src="Scripts\GrapeCity.ActiveReports.Viewer.Html.js"></script>
<script type="text/javascript">
function dy() {
var viewer = GrapeCity.ActiveReports.Viewer({
element: '#viewer',
reportService: {
url: '/ActiveReports.ReportService.asmx'
},
uiType: 'Custom',
report: {
id: "货物跟踪报表.rdlx"
},
//documentLoaded: function reportLoaded() {
// viewer.print();
//},
});
}
function dm() {
var viewer = GrapeCity.ActiveReports.Viewer({
element: '#viewer',
reportService: {
url: '/ActiveReports.ReportService.asmx'
},
uiType: 'Desktop',
report: {
//id: "货物跟踪报表.rdlx"
},
//documentLoaded: function reportLoaded() {
// viewer.print();
//},
});
}
</script>
</body>
</html>
页:
[1]