From 160839b8d703679a19e8b504725a1f6648bd9a19 Mon Sep 17 00:00:00 2001
From: erickson <erickson@dcc99617-32d9-48b4-a31d-7c20da2025e4>
Date: Thu, 11 Dec 2008 16:07:12 +0000
Subject: [PATCH] move to 1.2 markup grid

git-svn-id: svn://svn.open-ils.org/ILS/trunk@11520 dcc99617-32d9-48b4-a31d-7c20da2025e4
---
 Open-ILS/web/js/ui/default/acq/po/view_po.js   | 45 +++++++++++-------------
 Open-ILS/web/templates/default/acq/po/view.tt2 | 48 ++++++++++++++------------
 2 files changed, 47 insertions(+), 46 deletions(-)

diff --git a/Open-ILS/web/js/ui/default/acq/po/view_po.js b/Open-ILS/web/js/ui/default/acq/po/view_po.js
index 542a13202b..5fe7ac4fb7 100644
--- a/Open-ILS/web/js/ui/default/acq/po/view_po.js
+++ b/Open-ILS/web/js/ui/default/acq/po/view_po.js
@@ -2,7 +2,8 @@ dojo.require("dijit.Dialog");
 dojo.require('dijit.form.FilteringSelect');
 dojo.require('dijit.layout.TabContainer');
 dojo.require('dijit.layout.ContentPane');
-dojo.require('dojox.grid.Grid');
+dojo.require('dojox.grid.DataGrid');
+dojo.require('dojo.data.ItemFileReadStore');
 dojo.require('openils.acq.PO');
 dojo.require('openils.Event');
 dojo.require('openils.User');
@@ -16,38 +17,36 @@ dojo.require('dojo.date.stamp');
 var PO = null;
 var lineitems = [];
 
-function getOrgInfo(rowIndex) {
-    data = poGrid.model.getRow(rowIndex);
-    if(!data) return;
-    return fieldmapper.aou.findOrgUnit(data.owner).shortname();
+function getOrgInfo(rowIndex, item) {
+    if(!item) return '';
+    var data = this.grid.store.getValue(item , 'ordering_agency')
+    return fieldmapper.aou.findOrgUnit(data).shortname();
 }
 
-function getProvider(rowIndex) {
-    data = poGrid.model.getRow(rowIndex);
-    if(!data) return;
-    return openils.acq.Provider.retrieve(data.provider).code();
+function getProvider(rowIndex, item) {
+    if(!item) return '';
+    var data = this.grid.store.getValue(item, 'provider');
+    return openils.acq.Provider.retrieve(data).code();
 }
 
-function getPOOwner(rowIndex) {
-    data = poGrid.model.getRow(rowIndex);
-    if(!data) return;
-    return new openils.User({id:data.owner}).user.usrname();
+function getPOOwner(rowIndex, item) {
+    if(!item) return '';
+    var data = this.grid.store.getValue(item, 'owner');
+    return new openils.User({id:data}).user.usrname();
 }
 
-function getDateTimeField(rowIndex) {
-    data = poGrid.model.getRow(rowIndex);
-    if(!data) return;
-    var date = dojo.date.stamp.fromISOString(data[this.field]);
+function getDateTimeField(rowIndex, item) {
+    if(!item) return '';
+    var data = this.grid.store.getValue(item, this.field);
+    var date = dojo.date.stamp.fromISOString(data);
     return dojo.date.locale.format(date, {formatLength:'medium'});
 }
 
 function loadPOGrid() {
-    if(!PO) return;
+    if(!PO) return '';
     var store = new dojo.data.ItemFileReadStore({data:acqpo.toStoreData([PO])});
-    var model = new dojox.grid.data.DojoData(
-        null, store, {rowsPerPage: 20, clientSort: true, query:{id:'*'}});
-    poGrid.setModel(model);
-    poGrid.update();
+    poGrid.setStore(store);
+    poGrid.render();
 }
 
 function loadLIGrid() {
@@ -56,8 +55,6 @@ function loadLIGrid() {
     function load(po) {
         lineitems = po.lineitems();
         var store = new dojo.data.ItemFileReadStore({data:jub.toStoreData(lineitems)});
-        var model = new dojox.grid.data.DojoData(
-            null, store, {rowsPerPage: 20, clientSort: true, query:{id:'*'}});
         JUBGrid.populate(liGrid, model, lineitems)
     }
 
diff --git a/Open-ILS/web/templates/default/acq/po/view.tt2 b/Open-ILS/web/templates/default/acq/po/view.tt2
index 3779485900..3b4cfe128f 100644
--- a/Open-ILS/web/templates/default/acq/po/view.tt2
+++ b/Open-ILS/web/templates/default/acq/po/view.tt2
@@ -14,27 +14,31 @@
 
         <div dojoType="dijit.layout.ContentPane" class='oils-acq-detail-content-pane' title="Summary" selected='true'>
             <script type='dojo/connect' event='onShow'>loadPOGrid();</script>
-            <script>
-                var poGridStructure = [{
-                    cells : [[
-                        {name: 'ID', field: 'id'},
-                        {name: 'Owner', get:getPOOwner},
-                        {name: 'Ordering Agency', get:getOrgInfo},
-                        {name: 'Create Time', field:'create_time', width:'auto', get:getDateTimeField},
-                        {name: 'Edit Time', field: "edit_time", width:'auto', get:getDateTimeField},
-                        {name: 'Provider', get:getProvider},
-                        {name: '# Lineitems', field: 'lineitem_count'},
-                        {name: 'State', field:'state'}
-                    ]]
-                }];
-            </script>
-            <div jsId='poGrid' dojoType="dojox.Grid" structure='poGridStructure'> </div>
-        </div>
-        <div dojoType="dijit.layout.ContentPane" class='oils-acq-detail-content-pane' title="Line Items">
-            <script type='dojo/connect' event='onShow'>loadLIGrid();</script>
-            [% grid_jsid = 'liGrid'; domprefix = 'oils-acq-lineitem' %]
-            [% INCLUDE 'default/acq/common/jubgrid.tt2' %]
+            
+            <div dojoType="dijit.layout.ContentPane" layoutAlign="top"> 
+                <div dojoType="dijit.layout.ContentPane" layoutAlign="client" style='height:600px;'> 
+                    <table jsId="poGrid" dojoType="dojox.grid.DataGrid" query="{id: '*'}" rowSelector='20px'> 
+                        <thead> 
+                            <tr> 
+                                <th field="id">ID</th> 
+                                <th field="owner" get='getPOOwner'>Owner</th>
+                                <th field="ordering_agency" get='getOrgInfo'>Ordering Agency</th>
+                                <th field="create_time" width='auto' get='getDateTimeField'>Create Time</th> 
+                                <th field="edit_time" width='auto' get='getDateTimeField'>Edit Time</th> 
+                                <th field="provider" get='getProvider'>Provider</th> 
+                                <th field="lineitem_count"># Lineitems</th> 
+                                <th field="state">State</th> 
+                            </tr> 
+                        </thead> 
+                    </table>     
+                </div> 
+            </div> 
+
+            <div dojoType="dijit.layout.ContentPane" class='oils-acq-detail-content-pane' title="Line Items">
+                <script type='dojo/connect' event='onShow'>loadLIGrid();</script>
+                [% grid_jsid = 'liGrid'; domprefix = 'oils-acq-lineitem' %]
+                [% INCLUDE 'default/acq/common/jubgrid.tt2' %]
+            </div>
         </div>
     </div>
-</div>
-[% END %]
+    [% END %]
-- 
2.11.0