Добавление элемента в библиотеку (Client Object Model)

Делаем следующее:

1. Открываем стандартное окошко добавления элемента в библиотеку рисунков
2. В случае успешного добавления картинки, обновляем одно из полей выбранного элемента списка адресом этой картинки. Поле имеет тип "Hyperlink or picture".

Код:

var picturesLibraryGuid = 'put-your-guid-here';
if (SP.ListOperation.Selection.getSelectedItems().length != 1) {
    SP.UI.Notify.addNotification('Select a single item, please!');
}
else {
    var itemId = SP.ListOperation.Selection.getSelectedItems()[0].id;
    var listGuid = SP.ListOperation.Selection.getSelectedList();
    var onError = function (sender, args) {
        SP.UI.Notify.addNotification('Error occured: ' + args.get_message());
    };
    var onItemUpdated = function () {
        SP.UI.Notify.addNotification('Item updated successfully!');
        SP.UI.ModalDialog.RefreshPage(1);
    };
    var options =
        {
            url: '/TeamSite/_layouts/Upload.aspx?List=' + picturesLibraryGuid,
            title: 'Upload picture',
            dialogReturnValueCallback:
                function (dialogResult, returnValue) {
                    if (dialogResult == SP.UI.DialogResult.OK) {
                        var context = new SP.ClientContext.get_current();
                        var list = context.get_web().get_lists().getById(listGuid);
                        var item = list.getItemById(itemId);
                        item.set_item('Picture', returnValue.newFileUrl);
                        item.update();
                        context.executeQueryAsync(onItemUpdated, onError);
                    }
                }
        };
    SP.UI.ModalDialog.showModalDialog(options);
 
}

Важные моменты в коде:

• SP.ListOperation.Selection - здесь можно получить Guid текущего списка, а также ID и fsObjType выбранных элементов этого списка;
• SP.UI.ModalDialog.RefreshPage - позволяет обновить содержимое текущей страницы, если диалог корректно отработал и предполагается, что данные на странице изменились. В качестве параметра передается обычно dialogResult.
• SP.ClientContext - точка входа для SharePoint EcmaScript Client Object Model.
• "_layouts/Upload.aspx" - Путь к форме загрузки файла в библиотеку документов. В качестве параметра, нужно передать Guid библиотеки, в которую будет происходить загрузка файла.
• returnValue.newFileUrl - возвращаемое значение диалога Upload.aspx, содержит свойство newFileUrl, которое выставляется в Url загруженной картинки;