0

jQuery Print Preview Pluginを使用して、印刷する前に JSF ページのプレビューを表示しようとして います。

HTMLまず、プレーンなタグでデモを試しました。

<script src="../js/jquery.print-preview.js" type="text/javascript"
                    charset="utf-8"></script>
                <script type="text/javascript">
                    var $j = jQuery.noConflict();

                    $j(function() {
                                alert("hai");
                                /*
                                 * Initialise print preview plugin
                                 */
                                 $j('.print-preview').printPreview();
                                 alert("bye");

                            });
                </script>

                <div id="header" class="container_12">
                     <a class="print-preview">Print this Page</a>
                </div>

正しく動作し、印刷プレビュー モーダル ダイアログが開きます。

<a>ただし、タグをに置き換えようとすると<h:commandLink>、トリガーされません$(this).bind('click', function(e)。print-preview.js

<h:form id="printForm">
                <script src="../js/jquery.print-preview.js" type="text/javascript"
                    charset="utf-8"></script>
                <script type="text/javascript">
                    var $j = jQuery.noConflict();

                    $j(function() {
                                alert("hai");
                                /*
                                 * Initialise print preview plugin
                                 */
                                 $j('.print-preview').printPreview();
                                 alert("bye");

                            });
                </script>

                <div id="header" class="container_12">
                <h:commandLink id="sample" value="Print this page" styleClass="print-preview"/> 

                </div> 
</h:form>

私も使ってみ$j('printForm\\:sample').printPreview();ましたが、それでもうまくいきません。

私は何か間違ったことをしていますか？

4

1 に答える 1

1

jQuery Print Preview Plugin は完全に正常に動作するようになりました<h:commandLink>。<p:commandLink>

于 2013-10-25T09:20:31.817 に答える