Використання веб-частини форм HTML для фільтрування та відображення даних в іншій веб-частині

Увага! : Цю статтю перекладено за допомогою служби машинного перекладу; див. застереження. Версію цієї статті англійською мовою див. тут для отримання довідки.

Веб-частину форм HTML можна використовувати для підключення та передавання даних до іншої веб-частини, наприклад веб-частини подання списку.

У цій статті:

За допомогою веб-частини форми

Додавання веб-частини до сторінки

Підключення веб-частини форм HTML до іншої веб-частини

Настроювання веб-частини форм HTML

Настроювання веб-частини форм HTML за промовчанням

Багаторядковий текст

За допомогою перемикачів

Використання розкривного списку варіантів

За допомогою прапорців

Настроювання загальних властивостей веб-частини

Зовнішній вигляд

Макет

Додатково

Використання веб-частини форм

Веб-частину форм HTML можна використовувати для підключення та передавання даних до іншої веб-частини. Наприклад, веб-частину форм HTML за промовчанням можна використовувати для введення назви регіону, передавання значення до веб-частини подання списку даних про клієнтів і фільтрування даних за цим регіоном. Також ви можете настроїти веб-частину форм HTML, наприклад, щоб користувач міг вибрати назву регіону з розкривного списку. У веб-частині форм HTML можна використовувати текстові поля, розкривні списки, текстові поля з кількох рядків, прапорці або перемикачі.

Спосіб підключення полів до іншої веб-частини залежить від того, яким чином для неї було визначено використання підключень веб-частини.

Хоча форма може містити більше одного елемента (текстове поле, перемикачі тощо), до веб-частини подання списку можна підключити тільки одне поле. Проте до різних веб-частин можна одночасно підключити різні поля. Наприклад, у вас є веб-частина форм HTML із текстовим полем і набором перемикачів. Текстове поле можна підключити до однієї веб-частини подання списку, а перемикачі – до іншої. Коли користувач натискає кнопку Почати, обидві веб-частини подання списку відфільтровуються за відомостями, введеними у веб-частину форм HTML.

У веб-частині форм HTML можна підключити два або більше полів до іншої веб-частини, якщо в цій веб-частині приймається кілька параметрів. У такому випадку для здійснення підключень може знадобитися програма конструювання веб-сторінок, сумісна із програмою SharePoint, наприклад SharePoint Designer 2010.

На початок сторінки

Додавання веб-частини до сторінки

Щоб відредагувати сторінку, необхідно мати дозволи принаймні на рівні учасника групи SharePoint за замовчуванням для сайту <ім’я сайту>.

  1. На стрічці сторінки виберіть вкладку Сторінка та натисніть кнопку Редагувати.

    зображення: команда «редагувати» на вкладці «редагування»

    Якщо команду Редагувати вимкнуто, можливо, у вас немає дозволів, щоб редагувати сторінку. Зверніться до свого адміністратора.

  2. Клацніть сторінку, до якої необхідно додати веб-частину, відкрийте вкладку Вставлення та натисніть кнопку Веб-частина.

    команда «веб-частина»

  3. У розділі "Категорії" виберіть категорію, наприклад Списки та бібліотеки, виберіть веб-частину, яку необхідно додати до сторінки, наприклад Оголошення, а потім натисніть кнопку Додати.

    Вибір веб-частини

  4. Після вибору веб-частини відомості про неї відображатимуться в розділі Про веб-частину.

  5. Коли внесення змін до сторінки завершено, відкрийте вкладку Сторінка та натисніть кнопку Зберегти й закрити.

На початок сторінки

Підключення веб-частини форм HTML до іншої веб-частини

Використання веб-частини форм HTML, підключення з іншої веб-частини, який може отримувати значень за допомогою веб-частини, наприклад веб-частині подання списку. У списку, який потрібно відфільтрувати а стовпець, за яким потрібно фільтрувати їх, має бути відображається у веб-частини на одній сторінці веб-частини форм HTML. Щоб отримати відомості про додавання веб-частини форм HTML на сторінку Читайте статтю Додавання веб-частини до сторінки.

  1. Перейдіть до сторінки, що містить веб-частину, яку потрібно відфільтрувати.

  2. На стрічці перейдіть на вкладку Сторінка та виберіть команду Редагувати.

    Якщо команду Редагувати вимкнуто, можливо, у вас немає дозволів, щоб редагувати сторінку. Зверніться до свого адміністратора.

  3. Наведіть вказівник миші на веб-частину форм HTML, клацніть стрілку вниз, виберіть пункт З’єднання, наведіть вказівник на пункт Надавати значення форми для та виберіть ім’я веб-частини, з якою потрібно встановити зв’язок.

  4. У діалоговому вікні Вибір підключення перейдіть на вкладку Настроювання підключення.

  5. У меню Тип з’єднання виберіть поле, яке відповідає відомостям із веб-частини форм HTML.

Примітка : Поля не потрібно мати такі самі імена, і вони не мають бути однотипні дані. Значення, які надсилаються з веб-частини форм HTML чи текстових значень.

  1. Натисніть кнопку Готово та виберіть команду Завершити режим редагування у верхній частині сторінки.

За промовчанням можна ввести текст у текстовому полі та натиснути кнопку Почати або клавішу ENTER. В іншій веб-частині відображатимуться тільки ті дані, що відповідають введеному тексту. Щоб очистити текстове поле для введення нового тексту, виділіть поточний текст і видаліть його.

На початок сторінки

Настроювання веб-частини форм HTML

Веб-частину форм HTML можна настроїти за допомогою кнопки Редактор вихідного тексту, доступної в області знарядь веб-частини форм HTML, або програми конструювання веб-сайтів, сумісної із програмою SharePoint, наприклад SharePoint Designer 2010. Замість звичайного текстового поля можна використовувати перемикачі, прапорці, текстові поля з кількох рядків і списки. Також можна додавати підписи та призначати значення за промовчанням.

Під час настроювання веб-частини форм HTML зверніть увагу на наведене нижче.

  • Передати дані до іншої веб-частини можна за допомогою тільки однієї кнопки Почати (яка використовує елемент INPUT).

  • У веб-частині форм HTML використовується елемент FORM. Деякі елементи HTML не можна використовувати всередині елемента FORM, зокрема елементи HTML, BODY та FORM.

  • Усі імена полів форми мають бути унікальними. Кожне значення імені використовується для з’єднання з відповідним іменем стовпця у веб-частині, до якої виконується підключення.

Щоб настроїти веб-частину форми, натисніть кнопку Редактор вихідного тексту для відображення діалогового вікна Текстовий редактор і відредагуйте або додайте вихідний текст HTML.

Примітка : Веб-частини форм HTML тільки дає змогу даних до іншого можна підключити веб-частини, його не можна отримати дані з іншої можна підключити веб-частини. Наприклад, не можна використовувати веб-частини форм HTML у вигляді відомостей для відображення рядок даних.

На початок сторінки

Настроювання веб-частини форм HTML за промовчанням

Щоб настроїти веб-частину форм HTML за промовчанням, виконайте наведені нижче дії.

  1. На сторінці відображення веб-частини форм HTML на стрічці натисніть кнопку на вкладку редагувати а потім натисніть кнопку на команду редагувати .

  2. Наведіть вказівник миші на веб-частини форм HTML, клацніть стрілку вниз і виберіть пункт Редагування веб-частини.

  3. В області знарядь натисніть кнопку Редактор вихідного тексту .

  4. Відкриється діалогове вікно Текст із HTML-кодом за промовчанням.

Щоб полегшити читання та змінення коду, вставте повернення каретки в текст для розриву рядків, наприклад:

<div onkeydown="javascript:if (event.keyCode == 13) _SFSUBMIT_">
<input type="text" name="T1"/>
<input type="button" value="Go" onclick="javascript:_SFSUBMIT_"/>
</div>

Перший елемент INPUT можна змінити кількома способами, змінивши ім’я поля, додавши підпис до поля або додавши значення за промовчанням.

Властивість

Опис

Ім’я поля

Ім'я текстового поля за замовчуванням у веб-частини форми – T1. Це ім'я, яке відображається в діалоговому вікні Настроювання підключення . Щоб змінити поле більш зрозуміле ім'я, введіть нове ім'я замість T1. Не видаляйте лапки.

Підпис поля

Ви можете додати текст підпису перед полем форми або після нього. Введіть текст без лапок.

значення за промовчанням

Можна додати значення за промовчанням до поля текстової області. Користувач може прийняти значення, натиснувши кнопку Почати, або замінити його, ввівши власне значення. Щоб додати значення за промовчанням, скористайтесь атрибутом значення.

Наприклад, якщо потрібно надати зрозуміліше ім’я, додати значення за промовчанням або підпис, виконайте наведені нижче дії.

Region: <input type="text" name="Region" value="India"/>

Можна змінити другий елемент INPUT, змінивши ім’я кнопки, як у наведеному нижче прикладі.

<input type="button" value="SUBMIT" onclick="javascript:_SFSUBMIT_"/>

Також можна додати інші елементи HTML перед елементом DIV і після нього. Наприклад, дуже корисний і простий спосіб дозволити користувачу швидко оновити сторінку та скинути елементи FORM – це додати тег прив’язки поточної сторінки після закриваючого елемента DIV, наприклад:

<br/>
<a href="http://contoso/SitePages/CustByRegion.aspx">Refresh</a>

Увага! : Не змінюйте інші HTML-код у діалоговому вікні Текстовий редактор . Веб-частини форм HTML динамічно створює сценаріїв звичайної під час запуску, щоб створити підключення до іншої веб-частини. Не змінюйте onkeydown або onclick код події, або ви випадково можуть порушити веб-частини форм HTML.

На початок сторінки

Використання текстового поля з кількох рядків

Елемент TEXTAREA визначає керування текстовим вводом із кількох рядків. Атрибут ROWS визначає кількість рядків, які відображаються в текстовому полі. Атрибут (COLS) визначає ширину текстової області в символах. У наступному прикладі відображається текстове поле із 5 рядків і шириною у 30 символів. Під час введення тексту в поле він переноситиметься на наступний рядок після 30 символів.

<textarea name="Region" rows=5 cols=30></textarea>

Порада : Переконайтеся, що без пробілу в є кодом відразу після прямим кутом квадратною дужкою (>).

На початок сторінки

Використання перемикачів

Перемикачі забезпечують користувача взаємовиключними варіантами. У наведеному нижче прикладі відображено три перемикачі. Використовуйте однакове ім’я для кожного перемикача. Зазвичай після кожної кнопки додаються підписи. Якщо кожний перемикач потрібно відформатувати в окремому рядку, скористайтесь елементом BR.

<input type="radio" name="Region" value="India"/> India<BR/>
<input type="radio" name="Region" value="USA"/> USA<BR/>
<input type="radio" name="Region" value="Spain"/> Spain<BR/>

На початок сторінки

Використання розкривного списку вибору

За наявності великої кількості взаємовиключних варіантів доцільно використовувати розкривний список, скориставшись елементом SELECT. Кожний варіант відображається як окремий пункт списку, але вибрати можна лише один пункт. Текст, введений після закриваючої кутової дужки елемента OPTION, буде відображатися в розкривному списку.

<select name="Region">
<option value="India">India</option>
<option value="USA">USA</option>
<option value="Spain"> Spain </option>
</select>

Щоб надати значення за промовчанням, наприклад "Іспанія", виконайте такі дії:

<option value="Spain" selected="selected"> Spain </option>

На початок сторінки

Використання прапорців

За наявності кількох невзаємовиключних варіантів доцільно використовувати прапорці. Кожний варіант відображається як окремий прапорець і можна вибрати всі або деякі з варіантів. Для використання цього параметра потрібна веб-частина, яка приймає кілька параметрів як частину підключення веб-частини.

<input type="checkbox" name="region1" value="India"/> India<BR/>
<input type="checkbox" name="region2" value="USA"/> USA<BR/>
<input type="checkbox" name="region3" value="Spain"/> Spain<BR/>

Щоб надати значення за промовчанням, наприклад "Іспанія", виконайте такі дії:

<input type="checkbox" name="region3" value="Spain" checked="checked"/> Spain<BR/> 

На початок сторінки

Настроювання спільних властивостей веб-частини

Веб-частини мають спільний набір властивостей, які впливають на оформлення, макет і додаткові параметри веб-частин. Властивості веб-частини змінюються за допомогою області знарядь.

Примітка : Спільні властивості веб-частин, які відображаються в області інструментів, можуть відрізнятися від властивостей, описаних у цьому розділі. Цьому є кілька причин:

  • Розділ Додатково відображається в області знарядь за наявності в користувача відповідного дозволу.

  • Для певної веб-частини розробник міг заборонити відображення одної чи кількох спільних властивостей або створити та відобразити додаткові властивості, відсутні в області знарядь у розділах Вигляд, Макет і "Додатково".

  • Деякі настройки дозволів та властивостей можуть забороняти відображення або приховувати властивості веб-частин.

Оформлення

Властивість

Опис

Заголовок

Визначає заголовок веб-частини, який відображається в її рядку заголовка.

Висота

Визначає висоту веб-частини.

Ширина

Визначає ширину веб-частини.

Стан кольору

Визначає, чи повністю відображатиметься веб-частина на сторінці, коли користувач відкриває цю сторінку. За промовчанням для стану хрому встановлено значення Звичайний, і веб-частина відображається повністю. Якщо для стану встановлено значення Згорнуто, відображається тільки рядок заголовка.

Тип кольору

Визначає, чи має відображатися рядок заголовка та межа рамки веб-частини.

Макет

Властивість

Опис

Приховано

Визначає, чи відображатиметься веб-частина, коли користувач відкриє сторінку. Якщо прапорець установлено, веб-частина відображатиметься тільки під час створення сторінки. У такому разі до заголовка додається позначка (приховано).

Якщо веб-частина використовуватиметься для надання даних іншій веб-частині (через підключення веб-частин) і першу веб-частину відображати не потрібно, її можна приховати.

Напрямок

Визначає напрямок тексту у вмісті веб-частини. Наприклад, арабській мові відповідає напрямок письма справа наліво, а українській, як і більшості європейських мов, – зліва направо. Цей параметр може бути доступний не для всіх типів веб-частин.

Зона

Визначає зону на сторінці, де буде розташовано веб-частину.

Примітка :  Зони на сторінці не відображаються в цьому полі зі списком, якщо у вас немає дозволу, щоб змінювати їх.

Індекс зони

Визначає номер веб-частини в зоні, якщо зона містить кілька веб-частин.

Номер слід указати в текстовому полі як додатнє ціле число.

Якщо веб-частини пронумеровано згори донизу, веб-частина з номером 1 відображається вгорі зони. Якщо веб-частини в зоні пронумеровано зліва направо, веб-частина з номером 1 відображається з лівого краю зони.

Наприклад, якщо до пустої зони, у якій веб-частини розміщуються зверху вниз, додати нову веб-частину, індекс зони буде 0. Якщо додати другу веб-частину до нижньої частини зони, індекс зони цієї веб-частини буде 1. Щоб перемістити другу веб-частину у верхню частину зони, укажіть для другої веб-частини індекс 0, а для першої веб-частини – індекс 1.

Примітка : Значення властивості Zone Index для кожної веб-частини в зоні має бути унікальним. Тому зміна індексу зони для поточної веб-частини може викликати зміну значень цієї властивості для інших веб-частин зони.

Додатково

Властивість

Опис

Дозволити згортання

Указує, чи можна згорнути веб-частину.

Дозволити закриття

Визначає, чи можна видаляти веб-частину зі сторінки.

Дозволити приховування

Указує, чи можна приховати веб-частину.

Дозволити зміну зони

Показує, чи можна перемістити веб-частину до іншої зони.

Дозволити підключення

Указує, чи може веб-частина зв'язуватися з іншими веб-частинами.

Дозволити зміну в особистому поданні

Указує, чи можна змінювати властивості веб-частини в особистому поданні.

Режим експорту

Визначає рівень даних, які дозволено експортувати, для цієї веб-частини. Залежно від настройок цей параметр може бути недоступний.

URL заголовка

Зазначає URL-адресу файлу, який містить додаткові відомості про веб-частину. Вміст цього файлу відображається в окремому вікні браузера, якщо клацнути заголовок веб-частини.

Опис

Визначає екранну підказку, яка відображається, якщо навести вказівник миші на заголовок або піктограму веб-частини. Значення цієї властивості використовується під час пошуку веб-частин за допомогою команди Пошук (команду розміщено в області знарядь у меню Знайти веб-частини).

URL заголовка

Зазначає розташування файлу, який містить довідкові відомості про веб-частину. Довідкові відомості відображаються в окремому вікні браузера, якщо вибрати команду Довідка в меню веб-частини.

Режим довідки

Указує, як браузер має відображати довідку для веб-частини.

Виберіть одне з таких значень:

Модальное окно. Відкривається окреме вікно браузера, якщо в ньому є така можливість. Перш ніж повернутися до веб-сторінки, користувачу необхідно закрити це вікно.

Немодальное окно. Відкривається окреме вікно браузера, якщо в ньому є така можливість. Користувачу не потрібно закривати вікно, перш ніж повернутися до веб-сторінки. Це значення за замовчуванням.

Перехід. Веб-сторінка відкривається в поточному вікні браузера.

Примітка :  Хоча настроювані веб-частини Microsoft ASP.NET підтримують цю властивість, розділи довідки SharePoint за замовчуванням відкриваються тільки в окремому вікні браузера.

URL значка каталогу

Визначає розташування файлу зображення, який має використовуватися як значок веб-частини у списку веб-частин. Розмір зображення має бути 16 на 16 пікселів.

URL значка заголовка

Визначає розташування файлу зображення, який має використовуватися в рядку заголовка веб-частини. Розмір зображення має бути 16 на 16 пікселів.

Повідомлення про помилку імпорту

Визначає повідомлення, яке відображається в разі виникнення помилки імпортування веб-частини.

На початок сторінки

Примітка : Застереження про машинний переклад: Цю статтю перекладено комп’ютерною системою без втручання людини. Корпорація Майкрософт пропонує таку послугу, щоб іншомовні користувачі могли дізнаватися про продукти, служби й технології Microsoft. Оскільки статтю перекладено за допомогою служби машинного перекладу, вона може містити смислові, синтаксичні або граматичні помилки.

Отримуйте нові функції раніше за інших
Приєднайтеся до оцінювачів Office

Ця інформація корисна?

Дякуємо за ваш відгук!

Дякуємо за відгук! Схоже, вам може стати в нагоді допомога одного з наших спеціалістів служби підтримки Office, з яким ми вас можемо з’єднати.

×