MediaRow (Горизонтальный ряд)
Горизонтальная карусель MediaCard с заголовком и «Показать все».
Специфичные методы MediaRow
Заголовок раздела «Специфичные методы MediaRow»| Метод | Аргумент | Описание |
|---|---|---|
title(v) |
string |
Заголовок секции (например, ‘Сейчас смотрят’). |
items(v) |
any[] |
Массив фильмов для карточек. Значение по умолчанию: [] |
onCardClick(v) |
CallbackFunction |
Обработчик клика по карточке. |
onSeeAllClick(v) |
CallbackFunction |
Обработчик «Показать все». |
Базовые методы (наследуются от UIComponent)
Пример использования
Заголовок раздела «Пример использования»// Карусель медиаconst { ui } = PotokSDK;
const movies = [ { id: 157336, title: "Интерстеллар", subtitle: "2014", mediaType: "movie", posterSrc: "https://image.tmdb.org/t/p/w500/gEU2QthHGvGo1q7T2XzAwETYNsC.jpg", tmdbRating: 8.4 }, { id: 335984, title: "Бегущий по лезвию 2049", subtitle: "2017", mediaType: "movie", posterSrc: "https://image.tmdb.org/t/p/w500/gajva2L0rPYkEWjzgFlBXCAVBE5.jpg", kpRating: 7.9 }, { id: 27205, title: "Начало", subtitle: "2010", mediaType: "movie", posterSrc: "https://image.tmdb.org/t/p/w500/9gk7adHYeDvHkCSEqAvQNLV5Uge.jpg", imdbRating: 8.8 }];
ui.render( MediaRow() .title("Рекомендуемые фильмы") .items(movies) .onCardClick((item) => { ui.showHUD("info", "Клик: " + item.title); }) .onSeeAllClick(() => { ui.showHUD("success", "Показать все!"); }));