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" -типа = "поиск">
</ Form>
<Уль данных роли = "ListView " данных фильтра = "истина" ввода данных = "# MyFilter">
<Li> <a href="#"> Адель </a> </ li>
<Li> <a href="#"> Билли </a> </ li>
<Li> <a href="#"> Кельвин </a> </ li>
</ UL>
Попробуйте »
Совет: Вы можете использовать атрибут заполнитель в поле поиска , чтобы установить сообщение:
примеров
<Ввод ID = данные "MyFilter" -типа = "поиск" заполнитель = " согласно искать имя ..">
Попробуйте »
Пользовательские фильтры
Как правило, вставляется в текст каждого элемента списка, чтобы использовать в качестве фильтра для текста (например, соответствующий "Адель" или "В" соответствует "Билли"). Но если вы хотите, чтобы указать пользовательский текстовый фильтр, необходимо использовать атрибут данных-filtertext в дочерних элементах:
Если вы используете атрибут данных filtertext в элементе, элементы содержания исходного текста будут игнорироваться, когда фильтр, а затем, если вам придется искать перечень пунктов "Адель", требует использования ключевых слов, как: F, A, V, или избр. |
Другие примеры
Фильтрация сложенная Список
Как сложить список фильтров.
Фильтр таблицы
Как фильтровать содержимое таблицы.
Фильтрующий элемент <div>
Как отфильтровать ребенка <DIV> содержит элемент <p>.