From 10dd3acee638dd4e8671480d3f9479006807766a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andreas=20=C3=96man?= Date: Sat, 27 Jun 2009 05:56:28 +0000 Subject: [PATCH] Disable 'delete' button if no rows are selected --- src/webui/static/app/tableeditor.js | 31 ++++++++++++++++++++++------- 1 file changed, 24 insertions(+), 7 deletions(-) diff --git a/src/webui/static/app/tableeditor.js b/src/webui/static/app/tableeditor.js index f351547a..43b084f8 100644 --- a/src/webui/static/app/tableeditor.js +++ b/src/webui/static/app/tableeditor.js @@ -83,6 +83,28 @@ tvheadend.tableEditor = function(title, dtable, cm, rec, plugins, store, }); } + var selModel = new Ext.grid.RowSelectionModel({ + singleSelect:false + }); + + var delButton = new Ext.Toolbar.Button({ + tooltip: 'Delete one or more selected rows', + iconCls:'remove', + text: 'Delete selected', + handler: delSelected, + disabled: true + }); + + selModel.on('selectionchange', function(self) { + if(self.getCount() > 0) { + delButton.enable(); + } else { + delButton.disable(); + } + + console.log('tut'); + }); + var grid = new Ext.grid.EditorGridPanel({ title: title, plugins: plugins, @@ -90,7 +112,7 @@ tvheadend.tableEditor = function(title, dtable, cm, rec, plugins, store, clicksToEdit: 2, cm: cm, viewConfig: {forceFit:true}, - selModel: new Ext.grid.RowSelectionModel({singleSelect:false}), + selModel: selModel, tbar: [{ tooltip: 'Create a new entry on the server. '+ 'The new entry is initially disabled so it must be enabled '+ @@ -98,12 +120,7 @@ tvheadend.tableEditor = function(title, dtable, cm, rec, plugins, store, iconCls:'add', text: 'Add entry', handler: addRecord - }, '-', { - tooltip: 'Delete one or more selected rows', - iconCls:'remove', - text: 'Delete selected', - handler: delSelected - }, '-', { + }, '-', delButton, '-', { tooltip: 'Save any changes made (Changed cells have red borders).', iconCls:'save', text: "Save changes",