Как реализовать сортировку данных и фильтрацию данных на строне клиента?

Question

[voe]

Для постраничного вывода используется гем kaminari,
пробовал реализовать сортировку как описано тут - railscasts.com/episodes/240-search-sort-paginate-w... но там идет запрос к БД, что как бы не особо правильно с точки зрения нагрузки на БД. (кэш на стороне сервера не используется)
Хотелось бы сортировать без участия БД и без кэширования (на данных момент оно просто не реализовано в приложении)

Comments

[Everything_is_not_so_bad]

Где тогда хранятся данные, если не в БД?

[voe]

Роман: В БД конечно. НО пользователь то уже один раз запросил данные. Хочется сортировать по запрошенному ранее массиву данных. Хотя видимо так не получится.

[Everything_is_not_so_bad]

voe: почему не получится? Dmitry Sharikov ответил уже. Запрашиваешь один раз при помощи AJAX, а сортируешь как хочется на стороне клиента, динамически.

[voe]

Роман: эх. проблема то в руках. как то я себе это так и представляю, но как это дело материализовать в виде кода... до этого писал на C# только, а под web на Silverlight там то такие вещи идут из коробки. Если не трудно можешь привести пример ?

[Everything_is_not_so_bad]

voe: ответ мой читал?

[voe]

Роман: Читал. :( к сожалению пока аякс у меня в первую очередь ассоциируется с самолетами, а только потом с web. Если не затруднит тебя дай линк на толковое и реально простое объяснение Ajax. Сорри за мою тупость. :(

[Everything_is_not_so_bad]

voe: Я ведь писал "Можно без AJAX.". Если что непонятно об этой технологии, то ищи о ней в интернете. Для начала без привязки к каким-либо фреймворкам. Главное, было бы желание понять.

Answer 1

[N. Bekseitov]

Используйте AngularJS.
Пример

Answer 2

[Станислав Герман]

Если нужна сортировка и/или быстрый способ искать фильтровать данные то лучше использовать ransack

Answer 3

[voe]

AngularJS это отлично, но у меня уже используется Bootstrap, хочется как то минимизировать использование всяких "фремоворков" в приложении. + kaminari нужен. Может как то можно реализовать это малой кровью?

Answer 4

[Everything_is_not_so_bad]

AJAX -> get JSON -> render HTML.
Нужно лишь при помощи JS и шаблонов.

Пользователю одинажды выдаётся HTML с полной вёрсткой и готовым шаблоном целевого view внутри самой вёрстки, непосредсвенно при помощи inline вставки. Затем по загрузке DOM целиком, вызывается AJAX для получения сырых данных, на основании которых при помощи шаблона строится целевой код. Всё это при помощи jsRender (~17 KB).
Можно без AJAX. Тогда сырые данные нужно получить внутри inline JS кода вместе с HTML.