Я использую Blazor Slick Carousel, чтобы показать игровые карты. До сих пор он работает нормально, однако, я обнаруживаю, что мне нужно иметь возможность добавлять или удалять определенные карты в карусель (фильтры), и мне трудно это сделать. class = "Snippet-Code-Html Lang-Html PrettyPrint-Override">
@foreach (var game in GamesToShow)
{
}
Loading...
< /code>
< /div>
< /div>
< /p>
Это симпатичная настройка ванили. У меня есть метод контроля, который получает обратный вызов при загрузке игры: < /p>
protected async Task CheckSlides()
{
await _gameService.BuildFullImageUrls(); // Just make sure the Images are up to date
if (_gameService.CurrentGames.Count > 0) // There are some
{
await BuildGamesToShow();
}
SetCarousel();
RefreshMe();
}
< /code>
Метод BuildgamestoShow создает список игровых объектов (DTO), которые должны отображаться в карусели. (Это асинхронность, потому что я пробовал вещи в настоящее время удаленным). < /P>
protected async Task BuildGamesToShow()
{
GamesToShow.Clear(); // Clear the list
if (ShowOnlyIwins)
{
foreach (GameDTO game in _gameService.CurrentGames)
{
if (game.InstantWins.Count > 0)
{
GamesToShow.Add(game);
}
}
}
if (ShowOnlyComingSoon)
{
foreach (GameDTO game in _gameService.CurrentGames)
{
if (game.IsComingSoon)
{
GamesToShow.Add(game);
}
}
}
else
{
foreach (GameDTO game in _gameService.CurrentGames)
{
if (!game.IsComingSoon)
{
GamesToShow.Add(game);
}
}
}
}
< /code>
Это метод SetCarousel, который устанавливает WSMBCSettings и отзывчивость. < /p>
protected void SetCarousel()
{
// to
Подробнее здесь: https://stackoverflow.com/questions/795 ... ing-slides
Blazor Slick Carousel Добавление и удаление слайдов ⇐ C#
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Слайдер React-Slick отображает больше слайдов, чем указано в свойстве SlidesToShow.
Anonymous » » в форуме CSS - 0 Ответы
- 24 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Slick.js: Slick Slider не тянет должным образом (отрываясь на первый слайд)
Anonymous » » в форуме Jquery - 0 Ответы
- 31 Просмотры
-
Последнее сообщение Anonymous
-