use Proxmox.Utils instead of PVE.Utils

[pve-manager.git] / www / manager6 / grid / ObjectGrid.js

diff --git a/www/manager6/grid/ObjectGrid.js b/www/manager6/grid/ObjectGrid.js
index e59dc0046d2f0fedf319a93d5d567b39b35aaca2..b901a58461ed5bef12908f593cf7e509ddda37eb 100644 (file)
--- a/www/manager6/grid/ObjectGrid.js
+++ b/www/manager6/grid/ObjectGrid.js
@@ -10,11 +10,18 @@ rows: an object container where each propery is a key-value object we want to re
                required: true
            },
 
+optional:
+disabled: setting this parameter to true will disable selection and focus on the
+pveObjectGrid as well as greying out input elements.
+Useful for a readonly tabular display
+
 */
 
 Ext.define('PVE.grid.ObjectGrid', {
     extend: 'Ext.grid.GridPanel',
     alias: ['widget.pveObjectGrid'],
+    disabled: false,
+    hideHeaders: true,
 
     getObjectValue: function(key, defaultValue) {
        var me = this;
@@ -66,7 +73,10 @@ Ext.define('PVE.grid.ObjectGrid', {
 
        var rstore = me.rstore;
 
-       var store = Ext.create('PVE.data.DiffStore', { rstore: rstore, filters: [] });
+       var store = Ext.create('PVE.data.DiffStore', { rstore: rstore,
+           sorters: [],
+           filters: []
+       });
 
        if (rows) {
            Ext.Object.each(rows, function(key, rowdef) {
@@ -79,12 +89,12 @@ Ext.define('PVE.grid.ObjectGrid', {
        }
 
        if (me.sorterFn) {
-           store.sorters.add(new Ext.util.Sorter({
+           store.sorters.add(Ext.create('Ext.util.Sorter', {
                sorterFn: me.sorterFn
            }));
        }
 
-       store.filters.add(new Ext.util.Filter({
+       store.filters.add(Ext.create('Ext.util.Filter', {
            filterFn: function(item) {
                if (rows) {
                    var rowdef = rows[item.data.key];
@@ -96,16 +106,15 @@ Ext.define('PVE.grid.ObjectGrid', {
            }
        }));
 
-       PVE.Utils.monStoreErrors(me, rstore);
+       Proxmox.Utils.monStoreErrors(me, rstore);
 
        Ext.applyIf(me, {
            store: store,
-           hideHeaders: true,
            stateful: false,
            columns: [
                {
                    header: gettext('Name'),
-                   width: me.cwidth1 || 100,
+                   width: me.cwidth1 || 200,
                    dataIndex: 'key',
                    renderer: me.renderKey
                },