Добавление в линка в SharePoint Calculated Column
Вспоминая всякие кустарные методы, а в частности все что делается на живую прямо здесь и сейчас добавлением веб частей в формы редактирования или отображения формы.
Сегодня поделюсь одним из кустарных методов, как засунуть линк (в виде своего html) в Calculated Column (по-русски Вычисляемое поле)
Создадим простой список, добавим в него поле типа Calculated column (по-русски Вычисляемое поле) и в него вставим формулу:
=CONCATENATE("<div style='text-align:left'>
<!--{0663527A-C711-474C-BA92-0F76EF33AB1F}-->
<a href='https://mydestinationSite/sites/",[Title],"'>Go to destination site","</a></div>")
В примере я буду использовать поле Title.
Обратите внимание, что тут есть небольшой закомментированный Guid, его мы будем использовать дальше для селектора.
Следующим шагом, мы откроем на редактирование Display Form и добавим веб-часть Script Editor и добавим в него следующий сниппет.
Сегодня поделюсь одним из кустарных методов, как засунуть линк (в виде своего html) в Calculated Column (по-русски Вычисляемое поле)
Создадим простой список, добавим в него поле типа Calculated column (по-русски Вычисляемое поле) и в него вставим формулу:
=CONCATENATE("<div style='text-align:left'>
<!--{0663527A-C711-474C-BA92-0F76EF33AB1F}-->
<a href='https://mydestinationSite/sites/",[Title],"'>Go to destination site","</a></div>")
В примере я буду использовать поле Title.
Обратите внимание, что тут есть небольшой закомментированный Guid, его мы будем использовать дальше для селектора.
Следующим шагом, мы откроем на редактирование Display Form и добавим веб-часть Script Editor и добавим в него следующий сниппет.
<script src="https://code.jquery.com/jquery-latest.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{
var guid = '{0663527A-C711-474C-BA92-0F76EF33AB1F}';
var selector = '.ms-formbody:contains(' + guid + ')';
$(selector).each(function(index)
{
var innerHTML = $(this).html();
innerHTML = innerHTML.replace(/\</g, '<');
innerHTML = innerHTML.replace(/\>/g, '>');
$(this).html(innerHTML);
}
);
});
</script>
JQuery я беру из cdn, только ради примера.И после сохранения нашего добра, мы получим следующий результат.
Просто и со вкусом, а как уже применить этот пример на практике вы и сами наверное догадаетесь.
Скоро будет ветер перемен и я постараюсь найти время для новых публикаций, сейчас готовлю серию постов по использованию Search Service, работы с кешами или как увеличить производительность своих решений. Если вам действительно интересно, то пишите в комментариях какую именно тему готовить и мне приятно за обратную связь и мотивация появится.
А так на techbuzzz.me
По поиску пожалуйста побольше :)
ОтветитьУдалить