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 に答える