0

所以我使用下面的代码来创建一个带有 3 个选项卡的 TabContainer。但是，当我打印页面时，我希望页面看起来好像没有调用 dojotype="dijit.layout.TabContainer"。我应该怎么做才能实现这一目标？

<div id="holdtabscript">
<script type="text/javascript">
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");
</script>
</div>

<div dojotype="dijit.layout.TabContainer" id="tabfunct">
<div dojotype="dijit.layout.ContentPane" title="pane1" selected="selected"> content1</div>
<div dojotype="dijit.layout.ContentPane" title="pane2"> content2</div>
<div dojotype="dijit.layout.ContentPane" title="pane3"> contents</div>
</div>
4

3 回答 3

2

如果您可以访问页面内容，我建议您使用 CSS 来执行此操作。包括一个隐藏 div 的打印样式表...

在头...

<link rel="stylesheet" tyle="text/css" media="print" href="print-stylesheet.css">

该CSS...

#tabfunct { display: none; }

比使用 javascript 做这样的事情要容易得多。

于 2012-03-08T19:34:58.510 回答
0 
<style type="text/css">
    @media print {
      #tabfunct  { display:none }
    }
</style>
于 2012-03-08T19:36:11.930 回答
0

您可以使用以下库：http ://cssmedia.pemor.pl/

然后只是：

$(function() {
   if(IsMediaType('print') > 0) {
      $('#tabfunct').removeAttr('dojotype');
   }
});

应该可以解决问题。

于 2012-03-08T19:56:22.927 回答