changeset 518:97a428548a24

Added save and discard button to messung edit head and listen for change event to enable/disable buttons.
author Raimund Renkert <raimund.renkert@intevation.de>
date Tue, 16 Dec 2014 16:56:23 +0100
parents 89e3725211ca
children 48593a6181c9
files app/view/messungen/EditForm.js
diffstat 1 files changed, 70 insertions(+), 6 deletions(-) [+]
line wrap: on
line diff
--- a/app/view/messungen/EditForm.js	Tue Dec 16 16:55:16 2014 +0100
+++ b/app/view/messungen/EditForm.js	Tue Dec 16 16:56:23 2014 +0100
@@ -24,6 +24,7 @@
     minWidth: 650,
 
     initComponent: function() {
+        var me = this;
         this.items = [{
             xtype: 'fieldset',
             title: 'Allgemein',
@@ -33,39 +34,102 @@
                     columns: 2
                 },
                 border: 0,
+                margin: '0, 0, 10, 0',
+                dockedItems: [{
+                    xtype: 'toolbar',
+                    dock: 'bottom',
+                    border: '0, 1, 1, 1',
+                    style: {
+                        borderBottom: '1px solid #b5b8c8 !important',
+                        borderLeft: '1px solid #b5b8c8 !important',
+                        borderRight: '1px solid #b5b8c8 !important'
+                    },
+                    items: ['->', {
+                        text: 'Speichern',
+                        qtip: 'Daten speichern',
+                        icon: 'gfx/dialog-ok-apply.png',
+                        action: 'save',
+                        scope: me,
+                        handler: this.commit
+                    }, {
+                        text: 'Verwerfen',
+                        qtip: 'Ă„nderungen verwerfen',
+                        icon: 'gfx/dialog-cancel.png',
+                        action: 'discard',
+                        disabled: true,
+                        scope: me,
+                        handler: this.reset
+                    }]
+                }],
                 items: [{
                     xtype: 'textfield',
                     name: 'nebenprobenNr',
                     maxLength: 10,
                     margin: '0, 10, 5, 0',
-                    fieldLabel: 'Nebenprobennr.'
+                    fieldLabel: 'Nebenprobennr.',
+                    listeners: {
+                        dirtychange: {
+                            fn: this.updateOnChange,
+                            scope: me
+                        }
+                    }
                 }, {
                     xtype: 'messmethode',
                     name: 'mmtId',
                     margin: '0, 10, 5, 0',
-                    fieldLabel: 'Messmethode'
+                    fieldLabel: 'Messmethode',
+                    listeners: {
+                        dirtychange: {
+                            fn: this.updateOnChange,
+                            scope: me
+                        }
+                    }
                 }, {
                     xtype: 'datetime',
                     name: 'messzeitpunkt',
                     margin: '0, 10, 5, 0',
-                    fieldLabel: 'Messzeitpunkt'
+                    fieldLabel: 'Messzeitpunkt',
+                    listeners: {
+                        dirtychange: {
+                            fn: this.updateOnChange,
+                            scope: me
+                        }
+                    }
                 }, {
                     xtype: 'numberfield',
                     allowDecimals: false,
                     minValue: 0,
                     name: 'messdauer',
                     margin: '0, 10, 5, 0',
-                    fieldLabel: 'Messdauer'
+                    fieldLabel: 'Messdauer',
+                    listeners: {
+                        dirtychange: {
+                            fn: this.updateOnChange,
+                            scope: me
+                        }
+                    }
                 }, {
                     xtype: 'testdatensatz',
                     name: 'fertig',
                     margin: '0, 10, 5, 0',
-                    fieldLabel: 'Fertig'
+                    fieldLabel: 'Fertig',
+                    listeners: {
+                        dirtychange: {
+                            fn: this.updateOnChange,
+                            scope: me
+                        }
+                    }
                 }, {
                     xtype: 'testdatensatz',
                     name: 'geplant',
                     margin: '0, 10, 5, 0',
-                    fieldLabel: 'Geplant'
+                    fieldLabel: 'Geplant',
+                    listeners: {
+                        dirtychange: {
+                            fn: this.updateOnChange,
+                            scope: me
+                        }
+                    }
                 }]
             }]
         }, {

http://lada.wald.intevation.org