atLoad method now called internally by each widget, no need to call externally. Tweak...

[infodrom/rico3] / examples / html / gridFromTable.html
diff --git a/examples/html/gridFromTable.html b/examples/html/gridFromTable.html

index 96cf20b..49956df 100644 (file)
--- a/examples/html/gridFromTable.html
+++ b/examples/html/gridFromTable.html
@@ -12,19 +12,14 @@ Rico.onLoad( function() {
      frozenColumns: 1,\r
      highlightElem: 'cursorRow',\r
      menuEvent: 'click',\r
-    visibleRows: 'body'\r
+    visibleRows: 'body',\r
+    defaultWidth: 120\r
    };\r
-  var buffer=new Rico.Buffer.Base(Rico.$('ex1').tBodies[0]);\r
-  var ex1=new Rico.LiveGrid ('ex1', buffer, opts);\r
-  ex1.menu=new Rico.GridMenu();\r
+  var buffer=new Rico.Buffer.Base(Rico.$('derby').tBodies[0]);\r
+  var derby=new Rico.LiveGrid ('derby', buffer, opts);\r
+  derby.menu=new Rico.GridMenu();\r
  });\r
  </script>\r
-<style type="text/css">\r
-p.footnote {\r
-  font-size: 8pt;\r
-}\r
-</style>\r
-\r
  </head>\r
  \r
  <body>\r
@@ -36,29 +31,22 @@ document.write(Rico.Lib+' '+Rico.LibVersion);
  <hr>\r
  This example demonstrates how to populate a grid from an HTML table.\r
  In this case, the table whose data is to be loaded into the grid\r
-has an id="ex1", and the table's body element is passed\r
+has an id="derby", and the table's body element is passed\r
  to the buffer constructor which then loads the data.\r
  <pre>\r
-Rico.loadModule('LiveGrid','LiveGridMenu','greenHdg.css');\r
-\r
  Rico.onLoad( function() {\r
-  var opts = {\r
-    frozenColumns: 1,\r
-    highlightElem: 'cursorRow',\r
-    menuEvent: 'click',\r
-    visibleRows: 'body'\r
-  };\r
-  var buffer=new Rico.Buffer.Base(Rico.$('ex1').tBodies[0]);\r
-  var ex1=new Rico.LiveGrid ('ex1', buffer, opts);\r
-  ex1.menu=new Rico.GridMenu();\r
+  var opts = { frozenColumns: 1, highlightElem: 'cursorRow', menuEvent: 'click', visibleRows: 'body', defaultWidth: 120 };\r
+  var buffer=new Rico.Buffer.Base(Rico.$('derby').tBodies[0]);\r
+  var derby=new Rico.LiveGrid ('derby', buffer, opts);\r
+  derby.menu=new Rico.GridMenu();\r
  });\r
  </pre>\r
  </div>\r
  \r
  <p><strong>The Kentucky Derby</strong></p>\r
-<p class="ricoBookmark"><span id="ex1_bookmark">&nbsp;</span></p>\r
+<p class="ricoBookmark"><span id="derby_bookmark">&nbsp;</span></p>\r
  \r
-<table id="ex1" class="ricoLiveGrid" cellspacing="0" cellpadding="0">\r
+<table id="derby" class="ricoLiveGrid" cellspacing="0" cellpadding="0">\r
  <thead>\r
  <tr> <td>Year</td> <td>Horse</td> <td>Jockey</td> </tr> \r
  </thead>\r
@@ -201,8 +189,8 @@ Rico.onLoad( function() {
  </tbody> \r
  </table>   \r
  \r
-<p class='footnote'>*Dancer&rsquo;s Image disqualified but later reinstated.\r
-<br> **Fastest time&mdash;1 min 59 2/5 s. No other horse has raced the Derby in less than 2 min.</td> \r
+<p style='font-size: x-small;'>*Dancer&rsquo;s Image disqualified but later reinstated.\r
+<br> **Fastest time&mdash;1 min 59 2/5 s. No other horse has raced the Derby in less than 2 min.</p> \r
  \r
  </body>\r
  </html>\r