ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke Smith// API Doc comments disabled to avoid deprecated class leakage into
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke Smith// non-deprecated class API docs. See the 3.4.1 datatable API doc files in the
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke Smith// download at http://yui.zenfs.com/releases/yui3/yui_3.4.1.zip for reference.
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke SmithPlugs DataTable with sorting functionality.
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke SmithDEPRECATED. As of YUI 3.5.0, DataTable has been rebuilt. This module
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke Smithis designed to work with `datatable-base-deprecated` (effectively the 3.4.1
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke Smithversion of DataTable) and will be removed from the library in a future version.
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke SmithSee http://yuilibrary.com/yui/docs/migration.html for help upgrading to the
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke Smithlatest version.
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke SmithFor complete API docs for the classes in this and other deprecated
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke SmithDataTable-related modules, refer to the static API doc files in the 3.4.1
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke Smithdownload at http://yui.zenfs.com/releases/yui3/yui_3.4.1.zip
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke Smith@module datatable-deprecated
ab9a926b36c2aa87e6e67a5179834093ed233ff4Luke Smith@submodule datatable-sort-deprecated
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * Adds column sorting to DataTable.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @class DataTableSort
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @extends Plugin.Base
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smithvar YgetClassName = Y.ClassNameManager.getClassName,
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith //TODO: Don't use hrefs - use tab/arrow/enter
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith TEMPLATE = '<a class="{link_class}" title="{link_title}" href="{link_href}">{value}</a>';
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith DataTableSort.superclass.constructor.apply(this, arguments);
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith/////////////////////////////////////////////////////////////////////////////
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith// STATIC PROPERTIES
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith/////////////////////////////////////////////////////////////////////////////
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * The namespace for the plugin. This will be the property on the host which
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * references the plugin instance.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @property NS
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @type String
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @value "sort"
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * Class name.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @property NAME
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @type String
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @value "dataTableSort"
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith/////////////////////////////////////////////////////////////////////////////
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith// ATTRIBUTES
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith/////////////////////////////////////////////////////////////////////////////
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @attribute trigger
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @description Defines the trigger that causes a column to be sorted:
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * {event, selector}, where "event" is an event type and "selector" is
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * is a node query selector.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @type Object
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @default {event:"click", selector:"th"}
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @writeOnce "initOnly"
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @attribute lastSortedBy
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @description Describes last known sort state: {key,dir}, where
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * "key" is column key and "dir" is either "asc" or "desc".
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @type Object
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @attribute template
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @description Tokenized markup template for TH sort element.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @type String
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @default '<a class="{link_class}" title="{link_title}" href="{link_href}">{value}</a>'
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * Strings used in the UI elements.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * The strings used are defaulted from the datatable-sort language pack
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * for the language identified in the YUI "lang" configuration (which
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * defaults to "en").
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * Configurable strings are "sortBy" and "reverseSortBy", which are
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * assigned to the sort link's title attribute.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @attribute strings
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @type {Object}
eb6c1c09177446c3a7fa974e4658cbd555c5be18Luke Smith valueFn: function () { return Y.Intl.get('datatable-sort-deprecated'); }
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith/////////////////////////////////////////////////////////////////////////////
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith/////////////////////////////////////////////////////////////////////////////
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith /////////////////////////////////////////////////////////////////////////////
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith /////////////////////////////////////////////////////////////////////////////
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * Initializer.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @method initializer
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @param config {Object} Config object.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith dt.get("recordset").plug(Y.Plugin.RecordsetSort, {dt: dt});
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith // Wrap link around TH value
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith this.doBefore("_createTheadThNode", this._beforeCreateTheadThNode);
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith // Add class
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith this.doBefore("_attachTheadThNode", this._beforeAttachTheadThNode);
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith this.doBefore("_attachTbodyTdNode", this._beforeAttachTbodyTdNode);
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith // Attach trigger handlers
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith dt.delegate(trigger.event, Y.bind(this._onEventSortColumn,this), trigger.selector);
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith // Attach UI hooks
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith this._uiSetLastSortedBy(e.prevVal, e.newVal, dt);
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith //dt.after("recordset:mutation", function() {//reset lastSortedBy});
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith //add Column sortFn ATTR
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith // Update UI after the fact (render-then-plug case)
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith this._uiSetLastSortedBy(null, this.get("lastSortedBy"), dt);
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @method _setLastSortedBy
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @description Normalizes lastSortedBy
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @param val {String | Object} {key, dir} or "key"
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @return {key, dir, notdir}
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith return null;
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * Updates sort UI.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @method _uiSetLastSortedBy
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @param val {Object} New lastSortedBy object {key,dir}.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @param dt {Y.DataTable.Base} Host.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @protected
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith _uiSetLastSortedBy: function(prevVal, newVal, dt) {
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith prevClass = prevVal && dt.getClassName(prevVal.dir),
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith newClass = newVal && dt.getClassName(newVal.dir),
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith // Clear previous UI
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith sortArrow.set('title', fromTemplate(strings.sortBy, {
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith tbodyNode.all("." + YgetClassName(COLUMN, prevColumn.get("id")))
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith // Add new sort UI
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith sortLabel = (newVal.dir === ASC) ? "reverseSortBy" : "sortBy";
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith sortArrow.set('title', fromTemplate(strings[sortLabel], {
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith tbodyNode.all("." + YgetClassName(COLUMN, newColumn.get("id")))
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * Before header cell element is created, inserts link markup around {value}.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @method _beforeCreateTheadThNode
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @param o {Object} {value, column, tr}.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @protected
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith link_title: Y.Lang.sub(this.get('strings.' + sortLabel), {
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * Before header cell element is attached, sets applicable class names.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @method _beforeAttachTheadThNode
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @param o {Object} {value, column, tr}.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @protected
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith // This Column is sortable
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith o.th.addClass(YgetClassName(DATATABLE, "sortable"));
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith // This Column is currently sorted
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith o.th.replaceClass(YgetClassName(DATATABLE, notdir), YgetClassName(DATATABLE, dir));
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * Before header cell element is attached, sets applicable class names.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @method _beforeAttachTbodyTdNode
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @param o {Object} {record, column, tr, headers, classnames, value}.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @protected
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith // This Column is sortable
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith o.td.addClass(YgetClassName(DATATABLE, "sortable"));
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith // This Column is currently sorted
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith o.td.replaceClass(YgetClassName(DATATABLE, notdir), YgetClassName(DATATABLE, dir));
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * In response to the "trigger" event, sorts the underlying Recordset and
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * updates the lastSortedBy attribute.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @method _onEventSortColumn
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @param o {Object} {value, column, tr}.
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith * @protected
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith //TODO: normalize e.currentTarget to TH
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith column = table.get("columnset").idHash[e.currentTarget.get("id")],
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith desc = (lastSort.key === key && lastSort.dir === ASC);
a3b15d60042c81a524cebb94370e5a234a19d04bLuke Smith table.get("recordset").sort.sort(field, desc, sorter);