[76] | 1 | /*! |
---|
| 2 | * Ext JS Library 3.4.0 |
---|
| 3 | * Copyright(c) 2006-2011 Sencha Inc. |
---|
| 4 | * licensing@sencha.com |
---|
| 5 | * http://www.sencha.com/license |
---|
| 6 | */ |
---|
| 7 | /** |
---|
| 8 | * @class Ext.list.Sorter |
---|
| 9 | * @extends Ext.util.Observable |
---|
| 10 | * <p>Supporting Class for Ext.list.ListView</p> |
---|
| 11 | * @constructor |
---|
| 12 | * @param {Object} config |
---|
| 13 | */ |
---|
| 14 | Ext.list.Sorter = Ext.extend(Ext.util.Observable, { |
---|
| 15 | /** |
---|
| 16 | * @cfg {Array} sortClasses |
---|
| 17 | * The CSS classes applied to a header when it is sorted. (defaults to <tt>["sort-asc", "sort-desc"]</tt>) |
---|
| 18 | */ |
---|
| 19 | sortClasses : ["sort-asc", "sort-desc"], |
---|
| 20 | |
---|
| 21 | constructor: function(config){ |
---|
| 22 | Ext.apply(this, config); |
---|
| 23 | Ext.list.Sorter.superclass.constructor.call(this); |
---|
| 24 | }, |
---|
| 25 | |
---|
| 26 | init : function(listView){ |
---|
| 27 | this.view = listView; |
---|
| 28 | listView.on('render', this.initEvents, this); |
---|
| 29 | }, |
---|
| 30 | |
---|
| 31 | initEvents : function(view){ |
---|
| 32 | view.mon(view.innerHd, 'click', this.onHdClick, this); |
---|
| 33 | view.innerHd.setStyle('cursor', 'pointer'); |
---|
| 34 | view.mon(view.store, 'datachanged', this.updateSortState, this); |
---|
| 35 | this.updateSortState.defer(10, this, [view.store]); |
---|
| 36 | }, |
---|
| 37 | |
---|
| 38 | updateSortState : function(store){ |
---|
| 39 | var state = store.getSortState(); |
---|
| 40 | if(!state){ |
---|
| 41 | return; |
---|
| 42 | } |
---|
| 43 | this.sortState = state; |
---|
| 44 | var cs = this.view.columns, sortColumn = -1; |
---|
| 45 | for(var i = 0, len = cs.length; i < len; i++){ |
---|
| 46 | if(cs[i].dataIndex == state.field){ |
---|
| 47 | sortColumn = i; |
---|
| 48 | break; |
---|
| 49 | } |
---|
| 50 | } |
---|
| 51 | if(sortColumn != -1){ |
---|
| 52 | var sortDir = state.direction; |
---|
| 53 | this.updateSortIcon(sortColumn, sortDir); |
---|
| 54 | } |
---|
| 55 | }, |
---|
| 56 | |
---|
| 57 | updateSortIcon : function(col, dir){ |
---|
| 58 | var sc = this.sortClasses; |
---|
| 59 | var hds = this.view.innerHd.select('em').removeClass(sc); |
---|
| 60 | hds.item(col).addClass(sc[dir == "DESC" ? 1 : 0]); |
---|
| 61 | }, |
---|
| 62 | |
---|
| 63 | onHdClick : function(e){ |
---|
| 64 | var hd = e.getTarget('em', 3); |
---|
| 65 | if(hd && !this.view.disableHeaders){ |
---|
| 66 | var index = this.view.findHeaderIndex(hd); |
---|
| 67 | this.view.store.sort(this.view.columns[index].dataIndex); |
---|
| 68 | } |
---|
| 69 | } |
---|
| 70 | }); |
---|
| 71 | |
---|
| 72 | // Backwards compatibility alias |
---|
| 73 | Ext.ListView.Sorter = Ext.list.Sorter; |
---|