Подключение веб-частей в SharePoint

При добавлении современной страницы на сайт вы можете добавить и настроить веб-части, которые являются стандартными блоками страницы. Вы можете соединить некоторые веб-части с другими, чтобы создать интерактивный и динамический интерфейс для просмотра страниц. Например, веб-часть "Библиотека документов" можно подключить к веб-части "Просмотр файлов". Когда пользователь щелкает имя файла в списке библиотеки документов, в средстве просмотра файлов отображается содержимое определенного файла. Вы также можете подключить веб-часть списка к веб-части "внедрить" и добавить настраиваемый код для разнообразных динамических возможностей.

Примечания: 

  • Некоторые функциональные возможности выводятся постепенно в организациях, которые применялись в целевом выпуске программы. Это означает, что определенные функции могут быть временно недоступны или их поведение может отличаться от описанного в разделах справки.

  • Веб-части этой статьи недоступны для использования на классической странице.

Веб-части, к которым можно подключиться, включают: веб-часть "Свойства списка", веб-часть "Просмотр файлов" и веб-часть "внедрить". Вот несколько примеров того, как можно использовать эти Соединенные веб-части.

Отображение файла в зависимости от того, что пользователь выбирает в библиотеке документов (подключить веб-часть "Просмотр файлов" к веб-части "Библиотека документов")

В этом примере пользователи могут просматривать библиотеку документов кампаний и просматривать содержимое выбранного файла, не выходя из страницы, и без необходимости открывать каждый файл.

Пример веб-части "Просмотр файлов", подключенной к библиотеке документов

Для этого выполните указанные ниже действия.

  1. На странице добавьте веб-часть "Библиотека документов " с библиотекой, которую вы хотите использовать, и добавьте веб-часть "средство просмотра файлов".

  2. Если вы добавляете веб-часть "Просмотр файлов" в первый раз, откроется область "последние документы". Нажмите кнопку Отмена в правой нижней части панели.

  3. Нажмите кнопку Изменить веб-часть Кнопка "Изменить" веб-части в левой части веб-части "Просмотр файлов".

  4. Щелкните многоточие (...) в правой верхней части области свойств и выберите пункт подключиться к источнику.

    Кнопка "подключиться к источнику"
  5. В разделе Подключение к источникувыберите из раскрывающегося списка библиотеку документов, которую вы хотите использовать.

    Область свойств средства просмотра файлов с раскрывающимся списком "подключиться к источнику"
  6. Щелкните значок X в верхней части области, чтобы закрыть его.

  7. В верхней части страницы выберите команду Сохранить как черновик .

  8. Проверьте подключение, выбрав документ из выбранной библиотеки документов. В веб-части "Просмотр файлов" должен отобразиться документ.

  9. Когда вы будете готовы приступить к просмотру страницы, нажмите кнопку опубликовать в правой верхней части страницы.

Отображение элемента в списке в зависимости от того, что пользователь выбирает в веб-части списка (соединение веб-части свойств списка с веб-частью списка)

Если у вас большой список с большим количеством столбцов, пользователи могут легко найти нужные сведения. С помощью веб-части "Свойства списка" пользователь может выбрать элемент из веб-части списка и просмотреть только указанные значения. В приведенном ниже примере веб-часть списка состоит из списка региональных офисов. Когда пользователь выбирает элемент из списка, веб-часть "Свойства списка" отображает только имя Office и данные о продажах.

Пример списка, подключенного с помощью веб-части "Свойства списка"

Для этого выполните указанные ниже действия.

  1. На странице добавьте веб-часть списка со списком, который вы хотите использовать, а затем добавьте веб-часть свойств списка.

  2. Нажмите кнопку Изменить веб-часть Кнопка "Изменить" веб-части в левой части веб-части свойств списка.

  3. Щелкните многоточие (...) в правой верхней части области свойств и выберите пункт подключиться к источнику.

    Кнопка "подключиться к источнику"
  4. В разделе Подключение к источникувыберите список, который вы хотите использовать из раскрывающегося списка.

  5. В разделе экранвыберите элемент, который будет отображаться на странице. 

  6. В разделе Отображаемые поляустановите флажки рядом со столбцами, значения которых нужно отобразить.

    Область веб-частей «свойства списка»
  7. В верхней части страницы выберите команду Сохранить как черновик .

  8. Проверьте подключение, выбрав элемент из выбранного списка. Вы увидите значение, указанное в веб-части "Свойства списка".

  9. Когда вы будете готовы приступить к просмотру страницы, нажмите кнопку опубликовать в правой верхней части страницы.

Показать видео, изображение или расположение в зависимости от того, что пользователь выбирает в веб-части списка (подключить веб-часть "внедрить" к веб-части "список")

С помощью веб-части внедрить можно вводить ссылки или код, использующий переменные, что позволяет отображать разнообразные элементы в зависимости от того, что выделено в средстве просмотра страниц. Ниже приведены три примера отображения выбранных изображений, видео и местоположений.

Показать выбранный видеоролик на YouTube

В этом примере веб-часть списка включает список с названиями и кодами видео для нескольких видеороликов на YouTube. Когда пользователь выбирает видео из списка, в веб-части "внедрить" отображается этот видеоролик. Ссылка в веб-части "внедрить" использует переменную для представления идентификатора видео, выбранного пользователем в списке.

Пример веб-части "внедрить", подключенной к списку

Для этого выполните указанные ниже действия.

  1. Создайте список , который содержит столбец заголовков и столбец с идентификационными кодами видео (как показано в примере выше). Идентификатор — это часть ссылки на YouTube, которая определяет видео и найдена после части ссылки "v =". Например, в приведенной ниже ссылке фрагмент кода видео, в котором показана курсивная ссылка:

    https://www.youtube.com/watch?v =0YEPy7HRf60

  2. На странице добавьте веб-часть списка и выберите список с идентификаторами видео.

  3. Добавление веб-части "внедрить".

  4. Нажмите кнопку Изменить веб-часть Кнопка "Изменить" веб-части в левой части веб-части внедрить.

  5. Щелкните многоточие (...) в правой верхней части области свойств и выберите пункт подключиться к источнику.

    Кнопка "подключиться к источнику"
  6. В разделе Подключение к источникувыберите список из раскрывающегося списка.

  7. В разделе адрес веб-сайта или код внедрениядобавьте ссылку YouTube. Тем не менее, вместо использования отдельного идентификатора видео следует использовать имя столбца списка, содержащего идентификаторы, как переменную. Переменная обозначается открывающей квадратной скобкой, символом $ и закрывающей квадратной скобкой после имени. Вот пример, в котором ID видео — имя столбца:

    Область свойств веб-части "внедрить", отображающая подключенный список

  8. В верхней части страницы выберите команду Сохранить как черновик .

  9. Проверьте подключение, выбрав элемент из выбранного списка. Вы увидите видео, которое отображается в веб-части "внедрить".

  10. Когда вы будете готовы приступить к просмотру страницы, нажмите кнопку опубликовать в правой верхней части страницы.

Показать выбранное изображение

В этом примере веб-часть списка включает заголовки изображений и URL-адреса для изображений, хранящихся на сайте SharePoint. Когда пользователь выбирает изображение из списка, в веб-части "внедрить" отображается это изображение. В этом примере код IFrame используется в веб-части "внедрить", а переменная представляет ссылку на изображение.

Пример веб-части "внедрить", связанной со списком изображений

Для этого выполните указанные ниже действия.

  1. Создайте список , в котором есть столбец заголовков и столбец с URL-адресами изображений.

    Совет: Чтобы получить URL-адрес изображения, перейдите в библиотеку, в которой хранится изображение, щелкните изображение правой кнопкой мыши и выберите команду Копировать ссылку. Затем нажмите кнопку Копировать. Теперь вы можете вставить ссылку в свой список.

  2. На странице добавьте веб-часть списка и выберите список с URL-адресами изображений.

  3. Добавление веб-части "внедрить".

  4. Нажмите кнопку Изменить веб-часть Кнопка "Изменить" веб-части в левой части веб-части внедрить.

  5. Щелкните многоточие (...) в правой верхней части области свойств и выберите пункт подключиться к источнику.

    Кнопка "подключиться к источнику"
  6. В разделе Подключение к источникувыберите список из раскрывающегося списка.

  7. В разделе адрес веб-сайта или код внедрениядобавьте код внедрения. В данном примере код внедрения:

    <ширина IFRAME = "693" Height = "390" src = "[$Image URL]" frameborder = "0" allowFullScreen = "" Allow = "акселерометра; автозапуска зашифрованные носители; gyroscope; Рисунок "></IFRAME>

    WHERE [$Image URL] — переменная, представляющая имя столбца для URL-адресов изображений.

    Пример кода внедрения для выбранного изображения
  8. В верхней части страницы выберите команду Сохранить как черновик .

  9. Проверьте подключение, выбрав элемент из выбранного списка. В веб-части "внедрить" должны отобразиться TheImage.

  10. Когда вы будете готовы приступить к просмотру страницы, нажмите кнопку опубликовать в правой верхней части страницы.

Показать выбранное расположение

В этом примере веб-часть списка состоит из расположений и их координат. Когда пользователь выбирает место в списке, веб-часть "внедрить" показывает это расположение на карте Bing. В этом примере код IFrame используется в веб-части "внедрить", а переменные — координаты.

Пример подключенной веб-части внедрения, показывающей расположение из списка

Для этого выполните указанные ниже действия.

  1. Создание списка с заголовком и столбцами для долготы и широты.

  2. На странице добавьте веб-часть списка и выберите список с данными о расположении.

  3. Добавление веб-части "внедрить".

  4. Нажмите кнопку Изменить веб-часть Кнопка "Изменить" веб-части в левой части веб-части внедрить.

  5. Щелкните многоточие (...) в правой верхней части области свойств и выберите пункт подключиться к источнику.

    Кнопка "подключиться к источнику"
  6. В разделе Подключение к источникувыберите список из раскрывающегося списка.

  7. В разделе адрес веб-сайта или код внедрениядобавьте код внедрения. В данном примере код внедрения:

    <ширина IFRAME = "500" высота = "400" d = "https://www.Bing.com/maps/embed? h = 400&amp; w = 500&amp; CP = [$Latitude] ~ [$Longitude] &amp; LVL = 13&amp; тип = d&amp; = r&amp; sty FORM = MBEDV8 "frameborder =" 0 "прокрутка =" No "> </IFRAME>

    где [$Latitude] и [$Longitude] — это переменные, представляющие имена столбцов для каждой из этих точек.

    Пример кода внедрения для отображения местоположений
  8. В верхней части страницы выберите команду Сохранить как черновик .

  9. Проверьте подключение, выбрав элемент из выбранного списка. Вы должны увидеть карту Bing, которая показывает расположение, которое отображается в веб-части "внедрить".

  10. Когда вы будете готовы приступить к просмотру страницы, нажмите кнопку опубликовать в правой верхней части страницы.

Примечания: 

  • Код внедрения должен быть основан на интерфейсе IFRAME (то есть начинаются и заканчиваться с помощью тегов <IFRAME>). Код внедрения, использующий <сценарии> теги, не поддерживается.

  • Внедрять можно только безопасные веб-сайты. Убедитесь, что URL-адрес сайта начинается с HTTPS.

Фильтрация списка на основе выделенного фрагмента в другом списке или библиотеке

С помощью динамической фильтрации вы можете отфильтровать один список, основываясь на выборе, сделанном в другом списке. В следующем примере библиотека "Планирование документов" фильтруется по выделенному фрагменту в списке сведений о проекте. Выбрано значение "маркетинг" в столбце "группа проекта", поэтому в библиотеке "Планирование документов" отображаются только документы, которыми владеет группа маркетинга. 

Динамически фильтруемый список

Для этого выполните указанные ниже действия.

  1. На странице добавьте веб-часть списка или веб-часть библиотеки , а затем выберите список или библиотеку со значениями, по которым вы хотите выполнить фильтрацию.

  2. Добавьте веб-часть списка или веб-часть "Библиотека " и выберите список или библиотеку, содержащие данные, которые вы хотите отфильтровать.

  3. Выберите веб-часть списка или библиотеки, которую вы хотите отфильтровать, и выберите пункт Изменить веб-часть Кнопка "Изменить" веб-части в левой части веб-части.

  4. В разделе Динамическая фильтрацияустановите переключатель в положение вкл .

  5. Выделите столбец, который вы хотите отфильтровать, в столбце полей [имя списка] для фильтрации.

  6. В разделе список или библиотека, содержащие значение фильтра, выберите список или библиотеку, добавленные на страницу на этапе 1.

  7. В разделе столбец со значением фильтравыберите столбец со значениями, по которым вы хотите выполнить фильтрацию.

  8. Нажмите кнопку Применить.

    Используя пример изображения в начале раздела, параметры динамической фильтрации для библиотеки "Планирование документов" будут выглядеть так, как показано ниже.

    Библиотека документов с открытой областью для динамических параметров фильтрации

  9. Когда все будет готово, нажмите кнопку Сохранить как черновик в верхней части страницы или, если ваша аудитория готова к просмотру страницы, выберите опубликовать в правой верхней части страницы.

Нужна дополнительная помощь?

Совершенствование навыков работы с Office
Перейти к обучению
Первоочередный доступ к новым возможностям
Присоединиться к программе предварительной оценки Office

Были ли сведения полезными?

Спасибо за ваш отзыв!

Благодарим за отзыв! Возможно, будет полезно связать вас с одним из наших специалистов службы поддержки Office.

×