]> git.proxmox.com Git - pve-manager.git/blob - www/manager6/grid/ObjectGrid.js
ext6migrate: listen to 'activate' events for panels inside a tabpanel
[pve-manager.git] / www / manager6 / grid / ObjectGrid.js
1 Ext.define('PVE.grid.ObjectGrid', {
2 extend: 'Ext.grid.GridPanel',
3 alias: ['widget.pveObjectGrid'],
4
5 getObjectValue: function(key, defaultValue) {
6 var me = this;
7 var rec = me.store.getById(key);
8 if (rec) {
9 return rec.data.value;
10 }
11 return defaultValue;
12 },
13
14 renderKey: function(key, metaData, record, rowIndex, colIndex, store) {
15 var me = this;
16 var rows = me.rows;
17 var rowdef = (rows && rows[key]) ? rows[key] : {};
18 return rowdef.header || key;
19 },
20
21 renderValue: function(value, metaData, record, rowIndex, colIndex, store) {
22 var me = this;
23 var rows = me.rows;
24 var key = record.data.key;
25 var rowdef = (rows && rows[key]) ? rows[key] : {};
26
27 var renderer = rowdef.renderer;
28 if (renderer) {
29 return renderer(value, metaData, record, rowIndex, colIndex, store);
30 }
31
32 return value;
33 },
34
35 initComponent : function() {
36 var me = this;
37
38 var rows = me.rows;
39
40 if (!me.rstore) {
41 if (!me.url) {
42 throw "no url specified";
43 }
44
45 me.rstore = Ext.create('PVE.data.ObjectStore', {
46 url: me.url,
47 interval: me.interval,
48 extraParams: me.extraParams,
49 rows: me.rows
50 });
51 }
52
53 var rstore = me.rstore;
54
55 var store = Ext.create('PVE.data.DiffStore', { rstore: rstore, filters: [] });
56
57 if (rows) {
58 Ext.Object.each(rows, function(key, rowdef) {
59 if (Ext.isDefined(rowdef.defaultValue)) {
60 store.add({ key: key, value: rowdef.defaultValue });
61 } else if (rowdef.required) {
62 store.add({ key: key, value: undefined });
63 }
64 });
65 }
66
67 if (me.sorterFn) {
68 store.sorters.add(new Ext.util.Sorter({
69 sorterFn: me.sorterFn
70 }));
71 }
72
73 store.filters.add(new Ext.util.Filter({
74 filterFn: function(item) {
75 if (rows) {
76 var rowdef = rows[item.data.key];
77 if (!rowdef || (rowdef.visible === false)) {
78 return false;
79 }
80 }
81 return true;
82 }
83 }));
84
85 PVE.Utils.monStoreErrors(me, rstore);
86
87 Ext.applyIf(me, {
88 store: store,
89 hideHeaders: true,
90 stateful: false,
91 columns: [
92 {
93 header: gettext('Name'),
94 width: me.cwidth1 || 100,
95 dataIndex: 'key',
96 renderer: me.renderKey
97 },
98 {
99 flex: 1,
100 header: gettext('Value'),
101 dataIndex: 'value',
102 renderer: me.renderValue
103 }
104 ]
105 });
106
107 me.callParent();
108 }
109 });