Javascript клиентская сторона в sharepoint 2013

Question

Я новичок в sharepoint 2013, и у меня есть требование для создания индивидуального изображения оверлей Icon для библиотеки doc. Изображение iconoverlay shd должно быть заменено только в том случае, если столбец «Complete» имеет значение yes. Нет доступа к серверной стороне, есть доступ только к сайту.

Answer 1

Не совсем понял ваш вопрос, но если вы хотите изменить представление списка документов по умолчанию для библиотеки документов. Вы можете использовать JSLink, который является частью новой функции SP2013.

Идея заключается в том, чтобы внедрить JS в вашу веб-часть просмотра списка документов и внести некоторые изменения в пользовательский интерфейс.

Я прикрепляю образец проверки столбца «Завершено» и изменяю колонку «Имя», чтобы иметь смелый эффект.

(function() { 

    // Create object that have the context information about the field that we want to change it's output render 
    var NameFiledContext = {}; 
    NameFiledContext.Templates = {}; 
    NameFiledContext.Templates.Fields = { 
     // Apply the new rendering for Priority field on List View 
     "LinkFilename": { "View": LinkFilenameFiledTemplate } 
    }; 

    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(NameFiledContext); 

})(); 

// This function provides the rendering logic for list view 
function LinkFilenameFiledTemplate(ctx) { 

    var completedColumn = "Completed"; 
    var link = ctx.CurrentItem[ctx.CurrentFieldSchema.RealFieldName]; 
    var completed = ctx.CurrentItem[completedColumn]; 
console.log(link); 
    // Return html element with appropriate color based on priority value 
    if(completed){ 
     return "<strong>" + link + "</strong>"; 
    } 
    return link; 
} 

Создайте JS и скопируйте приведенный выше код, сохраните его где-нибудь в своем SharePoint. Перейдите в библиотеку документов, которую вы хотите изменить, отредактируйте страницу, отредактируйте свойство веб-части, перейдите в раздел «Разное» панели свойств веб-части и включите «~ sitecollection/xxxx ссылку на JS» в поле JSLINK ,