More fixes.

jgauffin · Feb 27, 2012 · 4fa8d8f · 4fa8d8f
1 parent 0655dca
commit 4fa8d8f
Show file tree

Hide file tree

Showing 8 changed files with 49 additions and 14 deletions.
diff --git a/ReleaseNotes.md b/ReleaseNotes.md
@@ -0,0 +1,21 @@
+# v1.0.5
+
+## Implemented all callbacks
+
+https://github.com/jgauffin/Griffin.Table/wiki/Callbacks
+
+## Storing JSON object on each row:
+
+Each <tr> tag that is loaded through the plugin gets it's data/json stored using $().data() which means that you can use jQuery to load it at any time.
+
+Example
+
+    alert($('#myTable tbody tr:first').data('griffin-table-data').FirstName + ' is the name of the first user');
+
+## The odd class for TR styling is now configurable
+
+    $('#myTable').griffinTable({ style: { oddRowClass: 'myOdd' }});
+
+## Added plain html/javascript examples
+
+https://github.com/jgauffin/Griffin.Table/tree/master/Source/js/Examples
diff --git a/Source/js/Examples/Callbacks.html b/Source/js/Examples/Callbacks.html
@@ -4,7 +4,7 @@
   <link rel="stylesheet" href="Styles/jquery-ui-1.8.16.custom.css">
   <script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
   <script type="text/javascript" src="scripts/jquery-ui-1.8.16.custom.min.js"></script>
-  <script type="text/javascript" src="../../Plugin/jQuery.griffinTable.js"></script>
+  <script type="text/javascript" src="jQuery.griffinTable.js"></script>
   <style type="text/css">
     th { text-align: left; padding: 10px; }
     td { border: 1px solid #f0f0f0; padding: 5px; }
@@ -14,7 +14,7 @@
 </head>
 <body>
 <div id="middle">
-<form id="mytable-form" action="">
+<form id="mytable-form" action="http://localhost/griffintable/example.json" method="post">
 </form>
 <table id="mytable">
     <thead>
@@ -43,6 +43,7 @@
 
 	$(function(){
 		$('table').griffinTable({
+            fetchAtStart: true,
             callbacks: { 
                 rowsLoaded: function() { 
                     $('tr', $(this)).click(function(e) { 
@@ -56,7 +57,7 @@
         });
 
         // simulate an ajax request.
-        $('table').griffinTable('loadData', exampleJson);
+        //$('table').griffinTable('loadData', exampleJson);
 	});
 </script>
 </body>

diff --git a/Source/js/Examples/Index.html b/Source/js/Examples/Index.html
@@ -2,7 +2,7 @@
 <head>
   <title>Table demo - Basic</title>
   <script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
-  <script type="text/javascript" src="../../Plugin/jQuery.griffinTable.js"></script>
+  <script type="text/javascript" src="../Plugin/jQuery.griffinTable.js"></script>
   <style type="text/css">
     th { text-align: left; }
     #middle {width: 800px;}

diff --git a/Source/js/Examples/ShowMorePager.html b/Source/js/Examples/ShowMorePager.html
@@ -4,7 +4,7 @@
   <link rel="stylesheet" href="Styles/jquery-ui-1.8.16.custom.css">
   <script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
   <script type="text/javascript" src="scripts/jquery-ui-1.8.16.custom.min.js"></script>
-  <script type="text/javascript" src="../../Plugin/jQuery.griffinTable.js"></script>
+  <script type="text/javascript" src="../Plugin/jQuery.griffinTable.js"></script>
   <style type="text/css">
     th { text-align: left; }
     #middle {width: 800px;}

diff --git a/Source/js/Examples/example.json b/Source/js/Examples/example.json
@@ -0,0 +1,10 @@
+{
+    TotalRowCount: 5,
+    Rows:[
+        {Id: 1, FirstName: "Jonas1", LastName: "Gauffin", Age: 35},
+        {Id: 2, FirstName: "Jonas2", LastName: "Gauffin", Age: 35},
+        {Id: 3, FirstName: "Jonas3", LastName: "Gauffin", Age: 35},
+        {Id: 4, FirstName: "Jonas4", LastName: "Gauffin", Age: 35},
+        {Id: 5, FirstName: "Jonas5", LastName: "Gauffin", Age: 35}
+    ]
+}
diff --git a/Source/js/Examples/styling.html b/Source/js/Examples/styling.html
@@ -4,7 +4,7 @@
   <link rel="stylesheet" href="Styles/jquery-ui-1.8.16.custom.css">
   <script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
   <script type="text/javascript" src="scripts/jquery-ui-1.8.16.custom.min.js"></script>
-  <script type="text/javascript" src="../../Plugin/jQuery.griffinTable.js"></script>
+  <script type="text/javascript" src="../Plugin/jQuery.griffinTable.js"></script>
   <style type="text/css">
     th { text-align: left; padding: 10px; }
     td { border: 1px solid #f0f0f0; padding: 5px; }
@@ -43,6 +43,7 @@
 
 	$(function(){
 		$('table').griffinTable({
+            fetchAtStart: true,
             callbacks: { 
                 rowsLoaded: function() { 
                     //initialize($(this)); 

diff --git a/Source/js/Plugin/jQuery.griffinTable.js b/Source/js/Plugin/jQuery.griffinTable.js
@@ -41,9 +41,6 @@
                     /** styles that should be applied to the table */
                     styles: { /** Class to append to odd rows, used by the default themeManger */
                         oddRowClass: 'odd',
-
-                        /** Class to append to even rows, used by the default themeManager */
-                        evenRowClass: ''
                     },
 
                     /** used to show debug output, default option uses the browser console */
@@ -120,7 +117,8 @@
                     pluginContext.settings.callbacks.fetchingRows.apply(pluginContext.$table[0], [pluginContext.form]);
                     var formData = pluginContext.form.serialize();
                     var url = pluginContext.form.attr('action');
-
+                    var formMethod = pluginContext.form.attr('method');
+
                     var pos = pluginContext.$table.position();
                     var $overlay = $('<div style="background-color: grey;opacity: 0.5;">Loading</div>');
                     $('body').append($overlay);
@@ -131,10 +129,14 @@
                         width: pluginContext.$table.width() + "px",
                         height: pluginContext.$table.height() + "px"
                     });
-                    $.get(url, formData, function (json) {
-                        pluginContext.settings.callbacks.fetchedRows.apply(pluginContext.$table[0], [pluginContext.form, json]);
-                        plugin.loadData(json);
-                        $overlay.remove();
+                    $.ajax(url, {
+                        data: formData,
+                        method: formMethod,
+                        success: function (json) {
+                            pluginContext.settings.callbacks.fetchedRows.apply(pluginContext.$table[0], [pluginContext.form, json]);
+                            plugin.loadData(json);
+                            $overlay.remove();
+                        }
                     });
 
                     return false;

diff --git a/nuget/Griffin.Table.1.0.5.nupkg b/nuget/Griffin.Table.1.0.5.nupkg