Latest web development tutorials

JQuery Mobile Filter

Вы можете выбирать элемент

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

Как создать поле поиска:

  • Вы хотите, чтобы фильтровать элемент должен использовать фильтр данных = "истина" атрибут.
  • Создание <ввод> элемент и указать идентификатор, а также тип данных на элементе = "поиск" атрибут. Это создаст основную область поиска. Элемент <вход> помещается в форму, форма <форма> элемент использует класс "Ui-фильтрованию" - Этот класс будет корректироваться вне поля поиска и вдали от фильтрующего элемента.
  • После этого добавьте атрибут ввода данных для элемента фильтра. Это значение должно быть идентификатор <вход> элементы.

Далее мы создаем отфильтрованный список:

поиск Список элементов

<Форма класса = "щ-фильтрованию ">
<Ввод ID = данные "MyFilter" -типа = "поиск">
</ Form>

<Уль данных роли = "ListView " данных фильтра = "истина" ввода данных = "# MyFilter">
<Li> <a href="#"> Адель </a> </ li>
<Li> <a href="#"> Билли </a> </ li>
<Li> <a href="#"> Кельвин </a> </ li>
</ UL>

Попробуйте »

Совет: Вы можете использовать атрибут заполнитель в поле поиска , чтобы установить сообщение:

примеров

<Ввод ID = данные "MyFilter" -типа = "поиск" заполнитель = " согласно искать имя ..">

Попробуйте »

Пользовательские фильтры

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

примеров

<Литий данных filtertext = "FAV "> <a href="#"> Адель </a> </ li>

Попробуйте »
примечание Если вы используете атрибут данных filtertext в элементе, элементы содержания исходного текста будут игнорироваться, когда фильтр, а затем, если вам придется искать перечень пунктов "Адель", требует использования ключевых слов, как: F, A, V, или избр.
примеров

Другие примеры

Фильтрация сложенная Список
Как сложить список фильтров.

Фильтр таблицы
Как фильтровать содержимое таблицы.

Фильтрующий элемент <div>
Как отфильтровать ребенка <DIV> содержит элемент <p>.