MS OneDrive JavaScript SDK Handlers Not Global?

Question

Я пытаюсь реализовать v7 OneDrive SDK нашел here, но когда я использую синтаксис для функций обработчиков событий, найденных в примере массиве на этой странице, я получаю эту ошибку:

Uncaught Error: [OneDriveSDK Error] function was missing and not optional

Это мой код :

<script type="text/javascript"> 

     function od_success(files) { 
      console.log('OneDrive Launch Success!'); 
     } 

     function od_error(e) { 
      console.log('OneDrive Launch Failed!'); 
     } 

     function od_cancel() { 
      console.log('OneDrive Launch Cancelled!'); 
     } 

     function launchOneDrivePicker() { 
      var odOptions = { 
       clientId: <?php echo '"' . esc_attr(get_option('rod_api_key')) . '"'; ?>, 
       action: "query", 
       openInNewWindow: false, 
       oneDriveFilePickerSuccess: function(files) { od_success(files) }, 
       oneDriveFilePickerCancel: function() { od_cancel() }, 
       oneDriveFilePickerError: function(e) { od_error(e) } 
      }; 

      OneDrive.open(odOptions); 
     } 

     </script> 

(Примечание:. все это происходит в контексте страницы WordPress и быть выплюнул в голове, в то время как SDK будет помещён в сноске)

Я попытался просто называя названный functi дополнения, например:

oneDriveFilePickerSuccess: od_success(files), 
oneDriveFilePickerCancel: od_cancel, 
oneDriveFilePickerError: od_error(e) 

Это работает только без прохождения Params (например, od_success()), но в этом случае, он вызывает все три в последовательности, а затем выдает ошибку выше. Если я добавлю параметры для вызова, как указано выше, он сообщает мне, что files не определено.

Заранее спасибо за помощь

Answer 1

Смотрите в документации:

Note: If openInNewWindow is false, then all callback functions must be declared globally on the page before the SDK is referenced to guarantee the functions will be called. When registered globally the callback function names are renamed with a prefix of oneDriveFilePicker. For example, success becomes oneDriveFilePickerSuccess.

Вы должны определить вариант, как:

var oneDriveFilePickerError = 
function() { 
    console.log('OneDrive Launch Failed!'); 
} 

var oneDriveFilePickerSuccess = 
function (files) { 
    console.log('OneDrive Launch Success!'); 
} 

var oneDriveFilePickerCancel = 
function (e) { 
    console.log('OneDrive Launch Cancelled!'); 
} 

function launchOneDrivePicker() { 
    var odOptions = { 
     clientId: '...', 
     action: "query", 
     openInNewWindow: false, 
     success: 'oneDriveFilePickerSuccess', 
     cancel: 'oneDriveFilePickerCancel', 
     error: 'oneDriveFilePickerError' 
    }; 

    OneDrive.open(odOptions); 
} 
launchOneDrivePicker() 

Смотрите эту plunker: https://plnkr.co/edit/ZMtF5IAgp7Vycff6mcaD?p=preview

Answer 2

ваши функции анонимные функции для того, чтобы сделать их глобальные функции в этом смысле вы должны:

function oneDriveFilePickerSuccess(files) { 
    console.log('OneDrive Launch Success!'); 
} 

function oneDriveFilePickerError() { 
    console.log('OneDrive Launch Failed!'); 
} 

function oneDriveFilePickerCancel(e) { 
    console.log('OneDrive Launch Cancelled!'); 
} 

function launchOneDrivePicker() { 
    var odOptions = { 
     clientId: <?php echo '"' . esc_attr(get_option('rod_api_key')) . '"'; ?>, 
     action: "query", 
     openInNewWindow: false, 
     success: 'oneDriveFilePickerSuccess', 
     cancel: 'oneDriveFilePickerCancel', 
     error: 'oneDriveFilePickerError' 
    }; 

    OneDrive.open(odOptions); 
} 

Важно ссылаться на функции их вместо того, чтобы обертывать их анонимными функциями или передавать ссылки на них.

Надеюсь, это поможет.

Answer 3

Включите ли вы сценарий OneDrive.js до или после этого фрагмента? Я думаю, что они означают «объявлено глобально, прежде чем ссылаться на SDK», это то, что вы сначала объявляете свои функции обратного вызова, а затем включаете их сценарий SDK, поэтому SDK может регистрировать эти функции (поэтому важно правильно назвать эти функции). Это означало бы, вы должны разделить ваш код

<script> 
    function oneDriveFilePickerSuccess(files) { 
     console.log('OneDrive Launch Success!'); 
    } 

    function oneDriveFilePickerError() { 
     console.log('OneDrive Launch Failed!'); 
    } 

    function oneDriveFilePickerCancel(e) { 
     console.log('OneDrive Launch Cancelled!'); 
    } 
</script> 

<script src="https://js.live.net/v7.0/OneDrive.js"></script> 

<script> 
    function launchOneDrivePicker() { 
     // ... 
    } 
</script> 

В одном скрипте положение в объявлении функции не имеет значения, но каждый тег скрипта выполняется самостоятельно, так что это действительно имеет значение то.