Використання веб-частини форм 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. Інші веб-частини буде відображено лише дані, які відповідають введеного тексту. Щоб очистити текстове поле для введення нового тексту, виділіть поточний і видаліть його.

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">На початок сторінки</link>

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

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

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

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

  • Веб-частини форм HTML використовує елемент форма. Деякі елементи HTML не можна використовувати всередині елемента FORM, включно з елементами HTML, текст і ФОРМ.

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

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

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

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">На початок сторінки</link>

Настроювання веб-частини форм 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. Не видаляйте лапки.

Підпис поля

Можна додати текст до або після поля. Введіть текст без цитат знаки.

значення за замовчуванням

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

Приклад якщо потрібно ввести більш зрозуміле ім'я, додати значення за промовчанням, і додати позначку, виконайте такі дії:

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

Другий елемент ВВОДУ можна змінити, змінивши ім'я кнопки, як у наведеному прикладі:

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

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

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

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

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">На початок сторінки</link>

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

Елемент текстове поле визначає елемент керування багаторядковий текст вводу. Атрибут РЯДКИ визначає кількість рядків, які відображаються в текстовому полі. Атрибут СТОВПЦІ визначає ширину області тексту в символів. У наведеному нижче прикладі користувач бачить текстове поле 5 ліній та 30 символів у ширину. Коли користувач вводить текст у полі, текст буде перенесено 30 символів.

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

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

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">На початок сторінки</link>

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

Перемикачі, також називаються перемикачі, надати користувач взаємовиключних варіантів вибору. У наведеному нижче прикладі відображає три перемикачі. Використання імені для кожного перемикач. Це звичайне додайте підписи після кожної кнопки. Якщо ви бажаєте відформатувати кожного перемикач в окремому рядку, використовуйте 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/>

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">На початок сторінки</link>

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

За наявності кількох взаємовиключних варіантів вибору, можна скористатися в розкривному списку списку за допомогою виберіть елемент. Кожен параметр відображається як окрема вибір у списку, але лише можна вибрати один варіант. Текст після правої дужки кут елемента ПАРАМЕТР – це те, що відображається в розкривному списку.

<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>

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">На початок сторінки</link>

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

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

<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.

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

Додатково

Властивість

Опис

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

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

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

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

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

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

Дозволити змінення зони

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

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

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

Дозволити редагування в персональному поданні

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

Режим експортування

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

URL-адреса назви

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

Опис

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

URL-адреса довідки

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

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

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

Виберіть один із наведених нижче параметрів.

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

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

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

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

URL-адреса піктограми каталогу

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

URL-адреса зображення піктограми заголовка

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

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

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

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

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

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

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

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

×