Changeset 558 for trunk

Timestamp:

01/21/09 17:21:00 (15 years ago)

Author:

ramonb

Message:

web2/addons/job_monarch/js/jobgrid.js:

• added changeable page size

File:

• trunk/web2/addons/job_monarch/js/jobgrid.js (modified) (5 diffs)

trunk/web2/addons/job_monarch/js/jobgrid.js

@@ -6 +6 @@
 var myfilters = { };
 var myparams = { };
+var mylimit = 15;
 var ClusterImageArgs = { };
 
 var filterfields = [ "jid", "queue", "name", "owner" ];
+
+Ext.namespace('Ext.ux');
+
+Ext.ux.PageSizePlugin = function() {
+    Ext.ux.PageSizePlugin.superclass.constructor.call(this, {
+        store: new Ext.data.SimpleStore({
+            fields: ['text', 'value'],
+            data: [['10', 10], ['15', 15], ['20', 20], ['30', 30], ['50', 50], ['100', 100]]
+        }),
+        mode: 'local',
+        displayField: 'text',
+        valueField: 'value',
+        editable: false,
+        allowBlank: false,
+        triggerAction: 'all',
+        width: 40
+    });
+};
+
+Ext.extend(Ext.ux.PageSizePlugin, Ext.form.ComboBox, {
+    init: function(paging) {
+        paging.on('render', this.onInitView, this);
+    },
+    
+    onInitView: function(paging) {
+        paging.add('-',
+            this,
+            'jobs per page'
+        );
+        this.setValue(paging.pageSize);
+        this.on('select', this.onPageSizeChanged, paging);
+    },
+    
+    onPageSizeChanged: function(combo) {
+        this.pageSize = parseInt(combo.getValue());
+        mylimit = parseInt(combo.getValue());
+        this.doLoad(0);
+    }
+});
+
+Ext.namespace( 'Ext' );
 
 function makeArrayURL( somearr )
@@ -111 +153 @@
   // Can't be sure if there are enough pages for new filter: reset to page 1
   //
-  myparams = joinMyArray( myparams, { start: 0, limit: 30 } );
+  //myparams = joinMyArray( myparams, { start: 0, limit: 30 } );
+  //mylimit = JobListingEditorGrid.bbar.pageSize;
+  myparams = joinMyArray( myparams, { start: 0, limit: mylimit } );
 
   JobsDataStore.reload( { params: myparams } );
@@ -202 +246 @@
 }
 
+Ext.apply(Ext.form.VTypes, {
+        num: function(val, field) {
+
+                if (val) {
+                   var strValidChars = "0123456789";
+                   var blnResult = true;
+
+                   if (val.length == 0) return false;
+
+                   //  test strString consists of valid characters listed above
+                   for (i = 0; i < val.length && blnResult == true; i++)
+                      {
+                      strChar = val.charAt(i);
+                      if (strValidChars.indexOf(strChar) == -1)
+                         {
+                         blnResult = false;
+                         }
+                      }
+                   return blnResult;
+
+                }
+                },
+        numText: 'Must be numeric'
+});
+
 function initJobGrid() {
 
   Ext.QuickTips.init();
+  Ext.form.Field.prototype.msgTarget = 'side';
 
   function jobCellClick(grid, rowIndex, columnIndex, e)
@@ -403 +473 @@
       stripeRows: true,
       bbar: new Ext.PagingToolbar({
-                pageSize: 30,
+                pageSize: 15,
                 store: JobsDataStore,
                 displayInfo: true,
                 displayMsg: 'Displaying jobs {0} - {1} out of {2} jobs total found.',
-                emptyMsg: 'No jobs found to display'
+                emptyMsg: 'No jobs found to display',
+                plugins: [new Ext.ux.PageSizePlugin()]
             }),
       tbar: [ new Ext.app.SearchField({
                                 store: JobsDataStore,
-                                params: {start: 0, limit: 30},
+                                params: {start: 0, limit: mylimit},
                                 width: 200
                     })
@@ -434 +505 @@
                 defaultText: 'Ready.',
                 id: 'basic-statusbar',
-                defaultIconCls: ''
+                defaultIconCls: '',
         })