Mercurial > lada > lada-client
view app/view/grid/MKommentar.js @ 1110:4a55e665f2d1
Added custom row expander for 'grid in grid' expandable rows.
author | Raimund Renkert <raimund.renkert@intevation.de> |
---|---|
date | Tue, 17 May 2016 17:10:39 +0200 |
parents | 37f30b01788c |
children | 9b157a8eecf1 6d06ae7c553c |
line wrap: on
line source
/* Copyright (C) 2013 by Bundesamt fuer Strahlenschutz * Software engineering by Intevation GmbH * * This file is Free Software under the GNU GPL (v>=3) * and comes with ABSOLUTELY NO WARRANTY! Check out * the documentation coming with IMIS-Labordaten-Application for details. */ /** * Grid to list Kommentare for Messunge */ Ext.define('Lada.view.grid.MKommentar', { extend: 'Ext.grid.Panel', alias: 'widget.mkommentargrid', maxHeight: 350, emptyText: 'Keine Kommentare gefunden.', minHeight: 110, viewConfig: { deferEmptyText: false }, recordId: null, readOnly: true, allowDeselect: true, initComponent: function() { this.rowEditing = Ext.create('Ext.grid.plugin.RowEditing', { clicksToMoveEditor: 1, autoCancel: false, disabled: false, pluginId: 'rowedit', listeners:{ // Make row ineditable when readonly is set to true // Normally this would belong into a controller an not the view. // But the RowEditPlugin is not handled there. beforeedit: function(e, o) { var readonlywin = o.grid.up('window').record.get('readonly'); var readonlygrid = o.record.get('readonly'); if (readonlywin == true || readonlygrid == true || this.disabled) { return false; } return true; } } }); this.plugins = [this.rowEditing]; this.dockedItems = [{ xtype: 'toolbar', dock: 'bottom', items: ['->', { text: 'Hinzufügen', icon: 'resources/img/list-add.png', action: 'add' }, { text: 'Löschen', icon: 'resources/img/list-remove.png', action: 'delete' }] }]; this.columns = [{ header: 'erstellt', dataIndex: 'datum', xtype: 'datecolumn', format: 'd.m.Y H:i', width: 110 }, { header: 'Erzeuger', dataIndex: 'erzeuger', renderer: function(value) { var r = ''; if (!value || value === '') { r = 'Error'; } var store = Ext.data.StoreManager.get('messstellen'); var record = store.getById(value); if (record) { r = record.get('messStelle'); } return r; }, editor: { xtype: 'combobox', store: Ext.data.StoreManager.get('messstellenFiltered'), displayField: 'messStelle', valueField: 'id', allowBlank: false, editable: false } }, { header: 'Text', dataIndex: 'text', flex: 1, editor: { allowBlank: false, maxLength: 1000, enforceMaxLength: true } }]; this.listeners = { select: { fn: this.activateRemoveButton, scope: this }, deselect: { fn: this.deactivateRemoveButton, scope: this } }; this.initData(); this.callParent(arguments); this.setReadOnly(true); //Grid is always initialised as RO }, initData: function() { if (this.store) { this.store.removeAll(); } else { this.store = Ext.create('Lada.store.MKommentare'); } this.store.load({ params: { messungsId: this.recordId } }); }, setReadOnly: function(b) { if (b == true){ //Readonly if (this.getPlugin('rowedit')){ this.getPlugin('rowedit').disable(); } this.down('button[action=delete]').disable(); this.down('button[action=add]').disable(); }else{ //Writable if (this.getPlugin('rowedit')){ this.getPlugin('rowedit').enable(); } //this.down('button[action=delete]').enable(); this.down('button[action=add]').enable(); } }, /** * Activate the Remove Button */ activateRemoveButton: function(selection, record) { var grid = this; //only enable the remove buttone, when the grid is editable. if (! grid.readOnly) { grid.down('button[action=delete]').enable(); } }, /** * Activate the Remove Button */ deactivateRemoveButton: function(selection, record) { var grid = this; //only enable the remove buttone, when the grid is editable. if (! grid.readOnly) { grid.down('button[action=delete]').disable(); } } });