.. _extfp-usecases-uc7-label:

Вариант 7. Изменение компонента формы
-------------------------------------

Внешний портал изменяет компонент формы "Выпадающий список" на новый (при этом его значения не изменяются):

  * компонент не содержит кнопки справа, список открывается по нажатию на поле ввода;
  * в поле ввода встроен живой поиск;
  * список разделен на страницы, каждая страница содержит до 15 значений;
  * переход между страницами осуществляется пагинатором:

      * переход к первой странице;
      * переход к предыдущей странице;
      * переход к конкретной странице;
      * переход к следующей странице;
      * переход к последней странице;

  * пагинатор также отображает общее количество страниц.

.. raw:: html

    <iframe src="../../_static/html/integration/extfp-usecases/uc7/index.html" scrolling='no' height="700px" width="100%" style="border:1px solid grey;"></iframe>

Исходный код JavaScript и CSS формы аналогичны :ref:`extfp-usecases-uc1-label`.

Исходный код JavaScript для варианта 7:

.. literalinclude:: ../../_static/html/integration/extfp-usecases/uc7/uc7.js
    :language: javascript
    :encoding: utf-8

Исходный код CSS окна:

.. literalinclude:: ../../_static/html/integration/extfp-usecases/uc7/uc7.css
    :language: css
    :encoding: utf-8
