Add window information for grid
authorJoey Schulze <joey@infodrom.org>
Tue, 13 Apr 2010 09:25:44 +0000 (11:25 +0200)
committerJoey Schulze <joey@infodrom.org>
Tue, 13 Apr 2010 09:25:44 +0000 (11:25 +0200)
lib/functions.js
lib/mask.php
stylesheet.css

index f3f7cb7..32b7116 100644 (file)
@@ -243,6 +243,13 @@ function gridDrillDown(e)
     }
 }
 
+function gridOnScroll(grid, offset)
+{
+    var max = Math.min(offset+grid.pageSize, grid.buffer.totalRows);
+    var info = document.getElementById('grid_info')
+    info.innerHTML = 'Datensatz ' + (offset+1) + ' - ' + max + ' von ' + grid.buffer.totalRows;
+}
+
 /* Update an existing grid
  *
  * grid is a live grid
index 3ba8e77..11708fd 100644 (file)
@@ -125,6 +125,7 @@ function build_grid($name, $mask)
   $ret = array();
 
   $opts = array("click: gridDrillDown",
+               "onscroll: gridOnScroll",
                "menuEvent: 'contextmenu'",
                "highlightElem: 'menuRow'");
 
@@ -160,6 +161,7 @@ function build_grid($name, $mask)
 
   $ret[] = '  </tr>';
   $ret[] = '</table>';
+  $ret[] = '<div id="grid_info"></div>';
 
   $opts[] = 'columnSpecs: [' . implode(', ', $specs) . ']';
 
index d597401..9b59608 100644 (file)
@@ -110,3 +110,9 @@ div#details ul {
 div#details li {
     list-style-type: none;
 }
+
+div#grid_info {
+    text-align: left;
+    color: #444;
+}
+