169 похожих чатов

Я так понимаю проблема-то больше в том, что не понятно

как пробежаться по данным. Но это не проблема Svelte. Нужно сперва понять в каком виде нужны данные (таблица или что?), а потом уже станет понятно как по ним пробегаться. А скорее всего в самом запросе к базе на стороне сервера уже должен быть правильный query, который выдаст уже простые данные для Svelte. Лично я пока не понял, в каком виде предполагается отображение экспедиций и их участников.

3 ответов

26 просмотров
Серёга-Буров Автор вопроса

Раз if внутри each работает (хотя я сперва думал, что нет), то можно вот так решить вашу проблему: Сперва скачиваем все данные и генерируем объект, где для каждого id участника сопоставлен массив его экспедиций, пробегаясь по данным из participants_plainair: <script> const getPlainairsData = async () => { const participantsPlainairsRelations = await loadData('items/participants_plainair') const participants = await loadData('items/participants/') const plainairs = await loadData('items/plainair/') const participantsPlainairs = {} participantsPlainairsRelations.foreach(relation => { const particId = relation.participants_id if (particId) { if (!participantsPlainairs[particId]) { participantsPlainairs[particId] = [] } participantsPlainairs[particId].push(relation.plainair_id) } }) return { participantsPlainairs, participants, planairs } } </script> Затем, заполнив participantsPlainairs и получив все данные, уже рисуем таблицу: {#await getPlainairsData()} рисуем лоадер {:then plainairsData} <PlainairsTable {plainairsData} /> {:catch error} рисуем ошибку из error {/await} В PlainairsTable-компоненте будет следующее: <script> export let planairsData const { plainairs, participants, participantsPlainairs } = planairsData </script> <div class = 'plainair-table' /> {#each plainairs as plainair} рисуем заголовки экспедиций в первой строке таблицы {/each} В следующих строках рисуем уже список участников и их квадратиков напротив экспедиций. {#each participants as participant} <div class='participant-line'> <div class='participant-name'>{participant.name} и прочие данные по участнику</div> {#each plainairs as plainair} {#if participantsPlainairs[participant.id].includes(plainair.id)} рисуем закрашеный квадратик {:else} рисуем незакрашеный квадратик {/if} {/each} </div> {/each} </div> Как-то так. Код не проверял.

Серёга Буров
Раз if внутри each работает (хотя я сперва думал, ...

Большое спасибо. Кароче, да, мне достаточно было разделить это на два компонента. Чтобы ичи не рендерились до загрузки данных: пихаем их в отдельный компонент, а потом его показываем в авэйт блоке! сработало с первого раза.

Серёга Буров
Раз if внутри each работает (хотя я сперва думал, ...

Спасибо вам большое, разделил на компоненты:, сначала не заработало, но дебажить стало проще по необьяснимым причинам. кароче я забыл проверку

Похожие вопросы

Обсуждают сегодня

30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
13
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
в JclConsole объявлено так: function CtrlHandler(CtrlType: DWORD): BOOL; stdcall; - где ваше объявление с stdcall? у вас на картинке нет stdcall
Karagy
8
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
~ 2m21s  nix shell github:nixos/nixpkgs#stack ~  stack ghc -- --version error: … while calling the 'derivationStrict' builtin at /builtin/derivation.nix:...
Rebuild your mind.
6
Карта сайта