add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / src / tree / NavigationModel.js

/**\r
 * @class Ext.tree.NavigationModel\r
 * @private\r
 * This class listens for key events fired from a {@link Ext.tree.Panel TreePanel}, and moves the currently focused item\r
 * by adding the class {@link #focusCls}.\r
 *\r
 * Navigation and interactions are defined by http://www.w3.org/TR/2013/WD-wai-aria-practices-20130307/#TreeView\r
 * or, if there are multiple visible columns, by http://www.w3.org/TR/2013/WD-wai-aria-practices-20130307/#treegrid\r
 */\r
Ext.define('Ext.tree.NavigationModel', {\r
    extend: 'Ext.grid.NavigationModel',\r
    \r
    alias: 'view.navigation.tree',\r
    \r
    initKeyNav: function(view) {\r
        var me = this,\r
            columns = me.view.ownerGrid.columns,\r
            len, i;\r
\r
        // Must go up to any possible locking assembly to find total number of columns\r
        me.isTreeGrid = columns && columns.length > 1;\r
        me.callParent([view]);\r
\r
        // We will have two keyNavs if we are the navigation model for a lockable assembly\r
        for (i = 0, len = me.keyNav.length; i < len; i++) {\r
            me.keyNav[i].map.addBinding([{\r
                key: '8',\r
                shift: true,\r
                handler: me.onAsterisk,\r
                scope: me\r
            }, {\r
                key: Ext.event.Event.NUM_MULTIPLY,\r
                handler: me.onAsterisk,\r
                scope: me\r
            }]);\r
        }\r
        me.view.grid.on({\r
            columnschanged: me.onColumnsChanged,\r
            scope: me\r
        });\r
    },\r
\r
    onColumnsChanged: function() {\r
        // Must go up to any possible locking assembly to find total number of columns\r
        this.isTreeGrid = this.view.ownerGrid.getVisibleColumnManager().getColumns().length > 1;\r
    },\r
\r
\r
    onCellClick: function(view, cell, cellIndex, record, row, recordIndex, clickEvent) {\r
        this.callParent([view, cell, cellIndex, record, row, recordIndex, clickEvent]);\r
\r
        // Return false if node toggled.\r
        // Do not process the cell click further when we do an expand/collapse\r
        return !clickEvent.nodeToggled;\r
    },\r
\r
    onKeyLeft: function(keyEvent) {\r
        var me = this,\r
            view = keyEvent.view,\r
            record = me.record;\r
\r
        // Left when a TreeGrid navigates between columns\r
        if (me.isTreeGrid && !keyEvent.ctrlKey) {\r
            return me.callParent([keyEvent]);\r
        }\r
\r
        // Left arrow key on an expanded node closes the node.\r
        if (keyEvent.position.column.isTreeColumn && record.isExpanded()) {\r
            view.collapse(record);\r
        }\r
        // Left arrow key on a closed or end node moves focus to the node's parent (don't attempt to focus hidden root).\r
        else {\r
            record = record.parentNode;\r
            if (record && !(record.isRoot() && !view.rootVisible)) {\r
                me.setPosition(record, null, keyEvent);\r
            }\r
        }\r
    },\r
\r
    onKeyRight: function(keyEvent) {\r
        var me = this,\r
            record = me.record;\r
\r
        // Right when a TreeGrid navigates between columns\r
        if (me.isTreeGrid && !keyEvent.ctrlKey) {\r
            return me.callParent([keyEvent]);\r
        }\r
\r
        // Right arrow key expands a closed node, moves to the first child of an open node, or does nothing on an end node.\r
        if (!record.isLeaf()) {\r
            if (keyEvent.position.column.isTreeColumn && !record.isExpanded()) {\r
                keyEvent.view.expand(record);\r
            } else if (record.isExpanded()) {\r
                record = record.childNodes[0];\r
                if (record) {\r
                    me.setPosition(record);\r
                }\r
            }\r
        }\r
    },\r
\r
    onKeyEnter: function(keyEvent) {\r
        if (this.record.data.checked != null) {\r
            this.toggleCheck(keyEvent);\r
        } else {\r
            this.callParent([keyEvent]);\r
        }\r
    },\r
\r
    onKeySpace: function(keyEvent) {\r
        if (this.record.data.checked != null) {\r
            this.toggleCheck(keyEvent);\r
        } else {\r
            this.callParent([keyEvent]);\r
        }\r
    },\r
\r
    toggleCheck: function(keyEvent) {\r
        this.view.onCheckChange(keyEvent);\r
    },\r
\r
    // (asterisk) on keypad expands all nodes.\r
    onAsterisk: function(keyEvent) {\r
        this.view.ownerCt.expandAll();\r
    }\r
});