Repeatable, еще один способ рендерить списки
(из серии «малая механизация web страниц»)Что такое Repeatable? Repeatable это способ вывода (популяции) всякого рода списков, таблиц и пр. по массивам данных. Данный механизм использует шаблон описанный в самом коде разметки (в отличие от, скажем, {{mustache}} templates). Поддерживаются выражения и условное включение. И всё это в 90 строках кода. Repeatable функиональность есть в каждом «взрослом» web framework’е. Но если вы не хотите по тем или иным причинам завязываться с монстрами то вот вам механизм который, что называется, есть не просит.Пример Скажем есть такие данные: var data = [ { name: «Olga», age: 20, email: «aaa@example.com» }, { name: «Peter», age: 30, email: «bbb@example.com» }, { name: «Ivan», age: 15, email: «ccc@example.com» }, ]; И нам нужно из вывести как-то так:{{this.name}} 18+ No data available Первый собственно и есть шаблон записи. Для каждой записи во входном наборе этот элемент будет повторен с подстановками и гуляшшыми девами. Второй будет выведен если Repetable «накормить» пустым массивом. Если у нас это все описано то собственно популяция нашего списка это одна строка: var list = $(«ul#people»).repeatable (); // declaring the repeatable list.value = data; // that’s data population, sic! Вот живой пример. Читать дальше →
