Angularjs: Еще Одна Таблица С Сортировкой, Фильтрацией И Нумерацией Страниц.

Что это? Это еще одно приложение AngularJS, которое добавляет в обычную таблицу сортировку, фильтрацию, нумерацию страниц и т. д. Конечно, есть несколько готовых решений( 1 , 2 , 3 , 4 , 5 ), но они не подошли по ряду причин.

В итоге было решено создать свою версию, тем более, что с AngularJS я особо не работаю, и лучше изучить этот фреймворк и его потрясающие возможности на практике.

Сразу предупрежу: исходный код не совсем «чист», местами не закомментирован и не так элегантен, как хотелось бы; Возможно, я не использовал некоторые лучшие практики.

Но поскольку я планирую постоянно использовать это решение и развивать его, то со временем все получится.

Также надеюсь на ваши советы, предложения и пожелания.

Однако это полнофункциональное приложение, которое уже используется в наших проектах.

В статье я не буду подробно описывать все возможности и настройки — это уже сделано в исходниках примеров, остановлюсь на самом важном, как мне кажется.

Исходники на github , документация и примеры .

За что?

• Мы хотим быстро разработать прототип приложения; нет времени разрабатывать серверную версию таблицы (списка) с сортировкой, фильтрами и навигацией по страницам.

  Поэтому все данные таблицы находятся на клиенте, нет необходимости обращаться к серверу.

• Программисту не обязательно знать AngularJS.
• Разметка таблицы должна максимально соответствовать обычному HTML, а не представлять собой нагромождение директив.

  Поменьше магии, пожалуйста.

• Не ограничивайте использование других директив Angular в разметке.

• «Живой» поиск по списку, когда записи фильтруются по мере ввода искомого текста.

• Возможность фильтрации не по всем столбцам, а выборочно.

• Возможность написать свой фильтр.

• Вам нужна возможность перемещаться по страницам.

• Сортировка столбцов.

• Свобода изменять HTML-код таблицы и в целом код, связанный с таблицей.

• Изучение AngularJS

Структура таблицы

   

 <div id="testApp">
 

   

• Значение Услуг По Восстановлению Компьютерных Данных

  19 Oct, 24

• Сделайте Свой Ноутбук Непобедимым С Помощью Скинов Для Ноутбука

  19 Oct, 24

• Работа На Дому – Существуют Ли Действительно Хорошие Рабочие Места?

  19 Oct, 24

• Минимализм И Динамика: История Развития Российского Инди-Платформера Standby

  19 Oct, 24

• Как Я Полюбил Подготовку Стандартных Документов

  19 Oct, 24

• Тестовая Версия Adobe Creative Suite Cs4 Утекла В Сеть

  19 Oct, 24

• Комстар Wimax Vs Yota С Точки Зрения Умного Пользователя

  19 Oct, 24

• Hazelcast И Синхронизация Методов Между Несколькими Узлами

  19 Oct, 24

• Идеальная Компания?

  19 Oct, 24

• Зацикливание Цвета На Холсте

  19 Oct, 24