Прикрепите функцию Javascript к кнопке ленты OOTB

Question

Я хочу прикрепить пользовательскую функцию JavaScript к кнопке ленты «Скачать копию».Это делается для обеспечения аналитики для загрузки файлов, осуществляемой с помощью кнопки ленты.

Я пробовал этот код, но он не работает:

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">
    </script>
    <script>
    _spBodyOnLoadFunctionNames.push("Trackdownloads");

    function Trackdownloads(){

        debugger;
        $("a[id='Ribbon.Documents.Copies.Download-Large']").live( "click", 
                  function() {
                      alert('hello');
                  }
            );

    }

    </script>

Есть идеи, как заставить это работать?

Answer 1

Нашел решение моей проблемы.На самом деле, прикрепление функции javascript к кнопке - неправильный способ реализовать это.Правильная реализация - заменить кнопку OOTB пользовательской кнопкой и вызвать пользовательскую функцию javascript для выполнения желаемого действия.

http://msdn.microsoft.com/en-us/library/ff407619.aspx

Answer 2

Если вы хотите переопределить кнопку на ленте. Создание пользовательского компонента страницы - хорошая идея. Пример:

Type.registerNamespace('Company.Project.Ribbon.PageComponent');

Company.Project.Ribbon.PageComponent = function (PageComponentId) {
    this._pageComponentId = PageComponentId;
    Company.Project.Ribbon.PageComponent.initializeBase(this);
}

Company.Project.Ribbon.PageComponent.prototype =
{
    _pageComponentId: "PageComponentIDHolder",

    getId: function () {
        return this._pageComponentId;
    },
    init: function () {
        this._myCommandList = ['DownloadCopy'];
        this._myHandledCommands = {};
        this._myHandledCommands['DownloadCopy'] = Function.createDelegate(this, this.CMD1_Handler);
    },
    getFocusedCommands: function () {
        return this._myCommandList; 
    },
    getGlobalCommands: function () {
        return this._myCommandList; 
    },
    canHandleCommand: function (commandId) {
        var canHandle = this._myHandledCommands[commandId];

        if (canHandle)
            return true;
        else
            return false;
    },
    handleCommand: function (commandId, properties, sequence) {
        return this._myHandledCommands[commandId](commandId, properties, sequence);
    },
    isFocusable: function () {
        return true;
    },
    CMD1_Handler: function (commandId, properties, sequence) {
        alert('Download a copy-button was clicked');
    }
}

Company.Project.Ribbon.PageComponent.registerClass('Company.Project.Ribbon.PageComponent', CUI.Page.PageComponent)
NotifyScriptLoadedAndExecuteWaitingJobs("/_layouts/custompagecomponents/PageComponent.js");



function init2() {
    var instance = new Company.Project.Ribbon.PageComponent("ComponentID");
    SP.Ribbon.PageManager.get_instance().addPageComponent(instance);
}

function init1() {
    ExecuteOrDelayUntilScriptLoaded(init2, 'sp.ribbon.js');
}
ExecuteOrDelayUntilScriptLoaded(init1, '/_layouts/custompagecomponents/PageComponent.js');