html5自定义模式控件高度为0，及自适应问题
本帖最后由 Lenka.Guo 于 2016-11-14 10:48 编辑1、我用html5通过js方式加载报表控件，uiType设置成 'custom'展示出来的控件高度是0，希望给解决一下（图1,2）
2、我加载完报表控件后希望加载的div根据页面宽度自动适应，而不是流出一片空白（图3）
如电话沟通，调研HTML5Viewer 通过CSS 将报表居中显示 Lenka.Guo 发表于 2016-11-14 13:57
如电话沟通，调研HTML5Viewer 通过CSS 将报表居中显示
电话沟通？不是说吧相应的资料给放到帖子里吗？ Lenka.Guo 发表于 2016-11-14 13:57
如电话沟通，调研HTML5Viewer 通过CSS 将报表居中显示
电话沟通？不是说吧相应的资料给放到帖子里吗？ pinzhikeji 发表于 2016-11-14 17:49
电话沟通？不是说吧相应的资料给放到帖子里吗？
如今天在电话中沟通的一样，我在这边验证您的需求，验证完成后给您答复。 viewer = GrapeCity.ActiveReports.Viewer({
element : '#viewerContainer',
report : {
id : $("input:checked").val(),
parameters : params
},
reportService : {
url : serverUrl
},
//uiType: 'desktop',
localeUri : '${root}/Scripts/i18n/zh.txt',
uiType : 'custom',
documentLoaded : function() {
setPaginator();
var h=$("#reportContainer").height();
//var h=$(".document-view").height();
if(h!=null)
{
$(".ar-viewer").css("height",parseInt(h+10)+'px');
}
else
{
$(".ar-viewer").css("height",parseInt(794+10)+'px');
}
},
//showOnlyLastError: false ,
error : function(error) {
error.message = "";
}
});
我通过var h=$("#reportContainer").height();获取报表加载后的实际高度然后通过
$(".ar-viewer").css("height",parseInt(h+10)+'px');设置报表控件的高度解决加载完高度是0的问题，但是有时有获取到高度为null造成无法设置高度
1、我用html5通过js方式加载报表控件，uiType设置成 'custom'展示出来的控件高度是0，希望给解决一下（图1,2）
>>> 您设置Div的高度自适应，是为了去掉HTML5Viewer 自带的滚动条？如果是这样可以参考现有的博客：http://blog.gcpowertools.com.cn/post/RemoveScrollbar.aspx
但如果您是想根据表格高度来设置div的高度， 因为报表设计时的纸张是固定的，所以如果div高度<报表纸张高度，则会导致右边自动生成滚动条。
2. 居中问题
可以设置#reportContainer的左右边距
但是页边距是在报表设计时候指定的，所以如果修改的话可再设计报表中来完成。
Lenka.Guo 发表于 2016-11-16 16:48
1、我用html5通过js方式加载报表控件，uiType设置成 'custom'展示出来的控件高度是0，希望给解决一下（图 ...
设置这些属性不起作用，控制不了居中 Lenka.Guo 发表于 2016-11-16 16:48
1、我用html5通过js方式加载报表控件，uiType设置成 'custom'展示出来的控件高度是0，希望给解决一下（图 ...
设置这些属性不起作用，控制不了居中 pinzhikeji 发表于 2016-11-17 10:48
设置这些属性不起作用，控制不了居中
您好：
现在所做的调整时相对来讲避免右边空白过大，所以目前只能调整#reportContainer 的Padding-left 属性。来减少右边空白。
如果您觉得这种方法不适用，还是建议您调整报表的左右边距，这样会更便捷
页:
[1]
2