求助：panel显示pdf会与其它panel重叠

求助

asked 2009-09-11 09:26:56 +0800

shiny
27

panel设为可移动，borderlayout的center作为container,container可以有多个panel,
如果其中一个panle显示pdf，就会影响其它的panel的显示，会发生重叠(overlapped)，
尝试设置z-index值也没办法解决，请问如何才能解决这个问题呢？

delete flag offensive retag edit

15 Replies

Sort by » oldest newest

12next page »

answered 2009-09-14 10:40:48 +0800

jimmyshiau
4921 ● 5
http://www.zkoss.org/ ZK Team

请您贴上您的源代码

//jimmy

link publish delete flag offensive edit

answered 2009-09-14 12:06:40 +0800

shiny
27

下面是生成iframe和pdf的代码:
Iframe frame = new Iframe();
frame.setWidth("100%");
frame.setHeight("100%");
frame.setAutohide(true);
ByteArrayOutputStream bos = null;
JRExporter exporter = null;
try {
bos = new ByteArrayOutputStream();
exporter = new JRPdfExporter();
exporter.setParameter(JRExporterParameter.JASPER_PRINT, entity
.getContent());
exporter.setParameter(JRExporterParameter.OUTPUT_STREAM, bos);
exporter.exportReport();
bos.close();
AMedia media = new AMedia(entity.getTableName() + ".pdf", "pdf",
"application/pdf", bos.toByteArray());
frame.setContent(media);
main.getContainer().appendChild(frame);
} catch (Exception ex) {
throw new PageUIException(ex);
} finally {
bos.close();
bos = null;
exporter = null;
}
下面是panel部分代码：
setFramable(true);
setMaximizable(true);
setMinimizable(true);
setBorder("normal");
setClosable(true);
setMovable(true);
setFloatable(true);

panel include上面生成的iframe,如果有多个panel，就会发生重叠，

谢谢您的回复！！

link publish delete flag offensive edit

answered 2009-09-16 06:12:18 +0800

jimmyshiau
4921 ● 5
http://www.zkoss.org/ ZK Team

updated 2009-09-16 06:12:55 +0800

請問您的zul結構是?

像這樣嗎

     <borderlayout>
	 <north></north>	
	 <center>
             <panel>	
		
	     </panel>
             <panel>

             </panel>
	     <panel>

	     </panel>
          </center>
	<south></south>
    </borderlayout>

可是<center>不是只能放1個comp嗎

//jimmy

link publish delete flag offensive edit

answered 2009-09-17 07:43:00 +0800

shiny
27

是这样的：
<borderlayout>
<north></north>
<center>
<div>
<panel>

</panel>
<panel>
<panelchildren>

</panel>
<panel>

</panel>
</div>
</center>
<south></south>
</borderlayout>

谢谢您的回复！！

link publish delete flag offensive edit

answered 2009-09-17 07:44:41 +0800

shiny
27

不好意思，应该是这样的:
<borderlayout>
<north></north>
<center>
<div>
<panel>

</panel>
<panel>
<panelchildren>
<ifrmame src="ss.pdf"/>
</panelchildren>
</panel>
<panel>
...
</panel>
</div>
</center>
<south></south>
</borderlayout>

谢谢您的回复！！

link publish delete flag offensive edit

answered 2009-09-17 08:11:24 +0800

adam4891288
657 ● 1 ● 5

你指的“重疊”具體是什麽意思？是遮擋了其他panel還是透明之類的現象？
如果是透明的話建議設置各個panel的style="background:#FFFFFF"

link publish delete flag offensive edit

answered 2009-09-17 11:37:36 +0800

shiny
27

不是透明，而是pdf会挡住其它panel的显示,设置style="background:#FFFFFF"问题依旧的。

谢谢您的回复！！

link publish delete flag offensive edit

answered 2009-09-18 04:57:17 +0800

adam4891288
657 ● 1 ● 5

也就是說這個pdf的size太大了吧？調整一下大小不行么？

link publish delete flag offensive edit

answered 2009-09-21 08:43:05 +0800

shiny
27

在demo下试重叠问题：
<panel id="panel1" framable="true" width="500px" height="400px"
title="Panel"
maximizable="true" minimizable="true" border="normal"
collapsible="true" closable="true" movable="true" floatable="true">
<panelchildren>
<iframe id="iframe" src="http://www.beanshell.org/manual/bshmanual.pdf" style="border: 1px solid gray;" width="100%" height="100%" autohide="true"/>
</panelchildren>
</panel>
<panel id="panel" framable="true" width="500px" height="400px"
title="Panel"
maximizable="true" minimizable="true" border="normal"
collapsible="true" closable="true" movable="true" floatable="true">
<panelchildren>
<label value="ttt"/>
</panelchildren>
</panel>