Я расскажу, как выводить элементы списка в более удобном для вас виде, настроить вывод под себя и под свои нужды.
DispForm.aspx – это шаблон формы представления элемента списка по умолчанию в SharePoint, еще он называется как Форма для просмотра элементов списка.
Первое что нам необходимо сделать это открыть в программе SharePoint Designer 2013 нужный нам список
В области форм нажимаем на Создать.
Выбрав переключатель Форма для просмотра элементов списка в области Выберите тип создаваемой формы мы создаем форму test.aspx со всеми полями по умолчанию
Включена опция Форма для просмотра элементов списка
Выбран тип контента для использования элемента
Отключен пункт назначить формой, используемой по умолчанию для выбранного типа
Отключено создать ссылку в меню элемента списка и на ленте
Имя ссылки и команды оставляем пустым
Для того, чтобы назначить форму для просмотра по умолчанию, в верхней панели инструментов есть кнопка "По умолчанию", перед нажатием нужно выбрать форму.
Только потом нажимаем в панели инструментов сделать форму просмотра элементов по умолчанию
Теперь наша тестовая форма будет выводиться по умолчанию
Для того, чтобы проверить созданную форму открываем в браузере элемент примерно так:
http://url_списка_элементов/имя_файла_формы.aspx?ID=12794
либо в редакторе при редактировании формы сверху есть кнопка просмотр в браузере
эту форму можно открыть и редактировать в SharePoint Designer или любом другом редакторе кода.
Я обычно нахожу тэг <table></table> в котором есть поля элемента, копирую и вставляю в свой HTML редактор DreamWeaver.
Удаляю ненужные поля, указываю существующие классы, для примера есть классы заголовков, классы цветов и так далее. Все я их не помню, и просто копирую из существующих страниц.
некоторые классы в тегах используется серверными скриптами, по этому возможно при их удалении эти поля исчезнут.
Далее мне потребовалось скрыть панель инструментов в форме просмотра. Есть несколько способов, но я использовал следующий:
В браузере открыл список и правой кнопкой на элементе выбрал открыть в новой вкладке. Далее нажал пункт изменить страницу, и добавил на страницу новую веб часть, которая называется редактор сценариев расположенная в категории среда и контент
В нее я и вставляю примерно следующий код
<script type="text/javascript">
function hideEdit() {
var edit = document.getElementById("Ribbon.ListForm.Display.Manage.EditItem-Large");
edit.style.display = "none";
}
_spBodyOnLoadFunctionNames.push("hideEdit");
</script>
Ссылка на элемент не обязательно такая нужно сначала найти селектор, это может быть id элемента, класс, тег или их комбинация.
После такой вставки шаблон test.aspx опять изменится и в коде появится еще одна веб часть, это нужно знать чтобы изменять в дальнейшем, если вы скроете все панели инструментов то вернуть все можно только с помощью редактора SharePoint Designer.
Подробнее об списках можно почитать в моих предыдущих статьях:
- Структура списков в SharePoint 2013
по умолчанию у настраиваемых списков есть четыре представления:
ALLItems.aspx
DispForm.aspx
EditForm.aspx
NewForm.aspx
Интересные ссылки
Как: применить стили для полей страниц в SharePoint 2013
http://msdn.microsoft.com/ru-ru/library/dn205272.aspx
Комментарии
Отправить комментарий