wait with printing till style is loaded

edspencer · Dec 5, 2010 · 3fdbe4d · 3fdbe4d
1 parent 600117a
commit 3fdbe4d
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 2 deletions.
diff --git a/print.css b/print.css
@@ -20,4 +20,12 @@ table td {
   border-style: none solid solid;
   border-width: 1px;
   border-color: #ededed;
+}
+
+@media print {
+   thead {display: table-header-group;}
+}
+
+#csscheck {
+	display: none;
 }
diff --git a/renderers/Base.js b/renderers/Base.js
@@ -18,7 +18,22 @@ Ext.ux.Printer.BaseRenderer = Ext.extend(Object, {
 
     win.document.write(this.generateHTML(component));
     win.document.close();
-
+
+    this.doPrintOnStylesheetLoad.defer(10, this, [win]);
+  },
+
+  /**
+   * check if style is loaded and do print afterwards
+   * 
+   * @param {window} win
+   */
+  doPrintOnStylesheetLoad: function(win) {
+    var el = win.document.getElementById('csscheck'),
+        comp = el.currentStyle || getComputedStyle(el, null);
+    if (comp.display !== "none") {
+      this.doPrintOnStylesheetLoad.defer(10, this, [win]);
+      return;
+    }
     win.print();
     win.close();
   },
@@ -34,10 +49,11 @@ Ext.ux.Printer.BaseRenderer = Ext.extend(Object, {
       '<html>',
         '<head>',
           '<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />',
-          '<link href="' + this.stylesheetPath + '" rel="stylesheet" type="text/css" media="screen,print" />',
+          '<link href="' + this.stylesheetPath + '?' + new Date().getTime() + '" rel="stylesheet" type="text/css" media="screen,print" />',
           '<title>' + this.getTitle(component) + '</title>',
         '</head>',
         '<body>',
+          '<div id="csscheck"></div>',
           this.generateBody(component),
         '</body>',
       '</html>'