Mercurial > lada > lada-client
changeset 286:c509e9f6d4db
Added BaseController and inherit Kommentar controller from it.
author | Torsten Irländer <torsten.irlaender@intevation.de> |
---|---|
date | Fri, 09 Aug 2013 14:21:08 +0200 (2013-08-09) |
parents | 6c030e5739a7 |
children | 12e7f0ef90b6 |
files | app/controller/Base.js app/controller/Kommentare.js |
diffstat | 2 files changed, 81 insertions(+), 48 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/app/controller/Base.js Fri Aug 09 14:21:08 2013 +0200 @@ -0,0 +1,71 @@ +/** + * Base Controller + * + * The controller defines the main logic of the application. It provides + * various methods which are bound to listeners and called when the defined + * events in the various UI elements occour (e.g User clicks on a button) + */ +Ext.define('Lada.controller.Base', { + extend: 'Ext.app.Controller', + /** + * Define required views for this controller + */ + views: [], + /** + * Define required stores for this controller + */ + stores: [], + /** + * Define required models for this controller + */ + models: [], + init: function() { + console.log('Initialising the Kommentare controller'); + this.addListeners(); + }, + /** + * Function to add listeners for various events in UI items. The UI Items are selected + * with a CSS like selector.See ComponentQuery documentation for more + * details. The function is called while initializing the controller. + * + * The function should be overwritten by a specfic implementation. + */ + addListeners: function() { + this.control({}); + }, + /** + * Method to save the kommentar in the database. The method is called when + * the user clicks on the "Save" button + */ + saveItem: function(button) {}, + /** + * Method to open a window to enter the values for a new kommentar. + * The method is called when the user clicks on the "Add" button in the + * grid toolbar. + */ + addItem: function(button) {}, + /** + * Method to open a window to edit the values for an existing kommentar. + * The method is called when the user doubleclicks on the item in the + * grid. + */ + editItem: function(grid, record) {}, + /** + * Method to delete a kommentar. This will trigger the display of a + * Confirmation dialog. After the deletion the related store will be + * refreshed. + * The method is called when the user selects the item in the grid and + * selects the delete button in the grid toolbar. + */ + deleteItem: function(button) {}, + /** + * Method to trigger the action after successfull save (create or edit). + * In this case the related store is refreshed and the window is closed. + */ + createSuccess: function(form, record, operation) {}, + /** + * Method to trigger the action after save (create or edit) fails. + * In this case a Message Boss with a general error is shown. + */ + createFailure: function(form, record, operation) {} +});
--- a/app/controller/Kommentare.js Fri Aug 09 12:56:32 2013 +0200 +++ b/app/controller/Kommentare.js Fri Aug 09 14:21:08 2013 +0200 @@ -1,12 +1,8 @@ /** * Controller for Kommentare - * - * The controller defines the main logic of the application. It provides - * various methods which are bound to listeners and called when the defined - * events in the various UI elements occour (e.g User clicks on a button) */ Ext.define('Lada.controller.Kommentare', { - extend: 'Ext.app.Controller', + extend: 'Lada.controller.Base', views: [ 'kommentare.Create' ], @@ -16,22 +12,19 @@ models: [ 'Kommentar' ], - init: function() { - console.log('Initialising the Kommentare controller'); + addListeners: function() { this.control({ - // CSS like selector to select element in the viewport. See - // ComponentQuery documentation for more details. 'kommentarelist': { - itemdblclick: this.editKommentar + itemdblclick: this.editItem }, 'kommentarelist toolbar button[action=add]': { - click: this.addKommentar + click: this.addItem }, 'kommentarelist toolbar button[action=delete]': { - click: this.deleteKommentar + click: this.deleteItem }, 'kommentarecreate button[action=save]': { - click: this.saveKommentar + click: this.saveItem }, 'kommentarecreate form': { savesuccess: this.createSuccess, @@ -39,45 +32,23 @@ } }); }, - /** - * Method to save the kommentar in the database. The method is called when - * the user clicks on the "Save" button - */ - saveKommentar: function(button) { + saveItem: function(button) { console.log('Saving Kommentar'); var form = button.up('window').down('form'); form.commit(); }, - /** - * Method to open a window to enter the values for a new kommentar. - * The method is called when the user clicks on the "Add" button in the - * grid toolbar. - */ - addKommentar: function(button) { + addItem: function(button) { console.log('Adding new Kommentar for Probe ' + button.probeId); var kommentar = Ext.create('Lada.model.Kommentar'); kommentar.set('probeId', button.probeId); var view = Ext.widget('kommentarecreate', {model: kommentar}); }, - /** - * Method to open a window to edit the values for an existing kommentar. - * The method is called when the user doubleclicks on the item in the - * grid. - */ - editKommentar: function(grid, record) { + editItem: function(grid, record) { console.log('Editing Kommentar'); var view = Ext.widget('kommentarecreate', {model: record}); console.log("Loaded Kommentar with ID " + record.getId()); //outputs ID }, - /** - * Method to delete a kommentar. This will trigger the display of a - * Confirmation dialog. After the deletion the related store will be - * refreshed. - * The method is called when the user selects the item in the grid and - * selects the delete button in the grid toolbar. - */ - deleteKommentar: function(button) { - // Get selected item in grid + deleteItem: function(button) { var grid = button.up('grid'); var selection = grid.getView().getSelectionModel().getSelection()[0]; Ext.MessageBox.confirm('Löschen', 'Sind Sie sicher?', function(btn){ @@ -97,21 +68,12 @@ } }); }, - /** - * Method to trigger the action after successfull save (create or edit). - * In this case the related store is refreshed and the window is closed. - */ createSuccess: function(form, record, operation) { - // Reload store var store = this.getKommentareStore(); store.reload(); var win = form.up('window'); win.close(); }, - /** - * Method to trigger the action after save (create or edit) fails. - * In this case a Message Boss with a general error is shown. - */ createFailure: function(form, record, operation) { Ext.MessageBox.show({ title: 'Fehler beim Speichern',