Commit 2432cc6f authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Make scrolling to member sections work. 

Clicking on the Configs/Properties/Methods/Events buttons now
scrolls to appropriate section.
parent ee7d0654

template/js/OverviewPanel.js

+20 −15
Original line number Diff line number Diff line
@@ -9,21 +9,6 @@ Ext.define('Docs.OverviewPanel', { 
    title: 'Overview',

    autoScroll: true,



    scrollToEl: function(query) {

        var el = Ext.get(Ext.query(query)[0]);

        if (el) {

            var scrollOffset = el.getY() - 150;

            var docContent = Ext.get(Ext.query('#doc-overview .x-panel-body')[0]);

            var currentScroll = docContent.getScroll()['top'];

            docContent.scrollTo('top', currentScroll + scrollOffset, true);



            var prnt = el.up('.member');

            if (prnt) {

                Ext.get(prnt).addCls('open');

            }

        }

    },



    listeners: {

        afterrender: function(cmp) {

            // Expand member when clicked
@@ -48,6 +33,26 @@ Ext.define('Docs.OverviewPanel', { 
        }

    },



    /**

     * Scrolls the specified element into view

     * 

     * @param {String} query  DomQuery selector string.

     */

    scrollToEl: function(query) {

        var el = Ext.get(Ext.query(query)[0]);

        if (el) {

            var scrollOffset = el.getY() - 160;

            var docContent = Ext.get(Ext.query('#doc-overview .x-panel-body')[0]);

            var currentScroll = docContent.getScroll()['top'];

            docContent.scrollTo('top', currentScroll + scrollOffset, true);



            var prnt = el.up('.member');

            if (prnt) {

                Ext.get(prnt).addCls('open');

            }

        }

    },



    /**

     * Renders class documentation in this panel.

     *

template/js/OverviewToolbar.js

+1 −1
Original line number Diff line number Diff line
@@ -97,7 +97,7 @@ Ext.define('Docs.OverviewToolbar', { 
            text: cfg.title + ' <span class="num">' + cfg.items.length + '</span>',

            listeners: {

                click: function() {

                    Ext.getCmp('doc-overview').scrollToEl("a[name=" + cfg.cls + "]");

                    Ext.getCmp('doc-overview').scrollToEl("#m-" + cfg.type);

                }

            },

            menu: menu