Module: deluge Branch: master Commit: 3560dac79288dd0f21d918d939ade462ce40b83e
Author: Damien Churchill <[email protected]> Date: Fri Apr 2 16:46:32 2010 +0100 convert the PreferencesWindow over to using a ListView rather than a GridPanel --- .../js/deluge-all/preferences/PreferencesWindow.js | 39 ++++++++++---------- 1 files changed, 20 insertions(+), 19 deletions(-) diff --git a/deluge/ui/web/js/deluge-all/preferences/PreferencesWindow.js b/deluge/ui/web/js/deluge-all/preferences/PreferencesWindow.js index a9f80fe..6b38376 100644 --- a/deluge/ui/web/js/deluge-all/preferences/PreferencesWindow.js +++ b/deluge/ui/web/js/deluge-all/preferences/PreferencesWindow.js @@ -61,33 +61,33 @@ Deluge.preferences.PreferencesWindow = Ext.extend(Ext.Window, { initComponent: function() { Deluge.preferences.PreferencesWindow.superclass.initComponent.call(this); - this.categoriesGrid = this.add({ - xtype: 'grid', - region: 'west', - title: _('Categories'), + this.list = new Ext.list.ListView({ store: new Ext.data.Store(), columns: [{ id: 'name', renderer: fplain, dataIndex: 'name' }], - sm: new Ext.grid.RowSelectionModel({ - singleSelect: true, - listeners: { - 'rowselect': { - fn: this.onPageSelect, scope: this - } + singleSelect: true, + listeners: { + 'selectionchange': { + fn: this.onPageSelect, scope: this } - }), + }, hideHeaders: true, autoExpandColumn: 'name', deferredRender: false, autoScroll: true, - margins: '5 0 5 5', - cmargins: '5 0 5 5', - width: 120, collapsible: true }); + this.add({ + region: 'west', + title: _('Categories'), + items: [this.list], + width: 120, + margins: '5 0 5 5', + cmargins: '5 0 5 5' + }); this.configPanel = this.add({ type: 'container', @@ -154,7 +154,7 @@ Deluge.preferences.PreferencesWindow = Ext.extend(Ext.Window, { * @param {Mixed} page */ addPage: function(page) { - var store = this.categoriesGrid.getStore(); + var store = this.list.getStore(); var name = page.title; store.add([new PreferencesRecord({name: name})]); page['bodyStyle'] = 'padding: 5px'; @@ -169,7 +169,7 @@ Deluge.preferences.PreferencesWindow = Ext.extend(Ext.Window, { */ removePage: function(page) { var name = page.title; - var store = this.categoriesGrid.getStore(); + var store = this.list.getStore(); store.removeAt(store.find('name', name)); this.configPanel.remove(page); delete this.pages[page.title]; @@ -191,7 +191,8 @@ Deluge.preferences.PreferencesWindow = Ext.extend(Ext.Window, { }, // private - onPageSelect: function(selModel, rowIndex, r) { + onPageSelect: function(list, selections) { + var r = list.getRecord(selections[0]); this.selectPage(r.get('name')); }, @@ -202,8 +203,8 @@ Deluge.preferences.PreferencesWindow = Ext.extend(Ext.Window, { // private onAfterRender: function() { - if (!this.categoriesGrid.getSelectionModel().hasSelection()) { - this.categoriesGrid.getSelectionModel().selectFirstRow(); + if (!this.list.getSelectionCount()) { + this.list.select(0); } this.configPanel.getLayout().setActiveItem(0); }, -- You received this message because you are subscribed to the Google Groups "deluge-commit" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/deluge-commit?hl=en.
