Sergey Belskiy Technical Blog

All about SharePoint

Размещение штрих кода на собственной Display форме

Всем доброго времени суток.

Не секрет, что при включении политик, есть возможность использования штрих кодов для маркирования документов в библиотеке SharePoint. При включении определённых политик, в библиотеке создаются дополнительные колонки, которые хранять информацию о штрих коде. Но явно эти колонки использовать не получиться. Их можно использовать в рабочем процессе или в собственных, разрабатываемых Web Apps.

Но, что же делать, если нам необходимо изменить Display форму на собственную и использовать на форме штрих код, не прибегая к разработке, а используя SharePoint Designer, как инструмент создания формы. Для этого нам необходимо понять, как он вообще на стандартной форме по умолчанию появляется. Для этого можно использовать F12 браузера, чтобы понять как размещается эта колонка на странице.

Оказывается всё очень просто. При генерировании штрих кода, идёт обращение к странице /_layouts/15/barcodeimagefromitem.aspx, которой передаётся ID нашего элемента, GUID библиотеки и возврщается картинка со штрих кодом.

Итак, создадим тег <div style=”text-align:center” id=”imgcode” />.

Далее напишем JavaScript.

<script>
window.onload = function() {
var image=document.getElementById("DocSetId").innerHTML;
var url = "https://"+window.location.hostname+"/_layouts/15/barcodeimagefromitem.aspx?ID="+image+"&amp;list=da1b0f08-00d5-414e-9e47-361a2aeeb9e8";
document.getElementById("imgcode").innerHTML="<img src="'+url+'" style="text-align:center;width:150px;height:40px" />";
}
</script>

Со скрипта видно, что мы получаем DocSetIdб который объявлен у нас на странице и который хранит ID документа и далее получаем URL и передаём её в imagecode.
Вот и всё. Удачного Вам “шариконизма”. :).