extjs 打印

最新推荐文章于 2021-07-13 17:08:17 发布

原创最新推荐文章于 2021-07-13 17:08:17 发布 · 585 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #HTML

ext 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个ExtJS自定义打印组件的实现方法，该组件可以将Ext.Panel的内容渲染为HTML并输出到打印窗口中。通过Ext.ux.Printer.PanelRenderer类的generateBody方法，实现了面板内容的定制化打印。

function () {
     /**
      * Prints the contents of an Ext.Panel
      */
     Ext.ux.Printer.PanelRenderer = Ext.extend(Ext.ux.Printer.BaseRenderer, {

      /**
       * Generates the HTML fragment that will be rendered inside the <html> element of the printing window
       */
      generateBody: function(panel) {
        return String.format("<div class='x-panel-print'>{0}</div>", panel.body.dom.innerHTML);
      }
     });
     Ext.ux.Printer.registerRenderer("panel", Ext.ux.Printer.PanelRenderer);

     Ext.ux.Printer.print(grid);
    }