Elementi dinamici basati sul comportamento in threepenny-gui

Question

Per semplificare, sto cercando un modo per visualizzare un Behaviour (UI Element).

Il mio caso di utilizzo effettivo sta visualizzando una tabella che può essere filtrata. Quindi ho una funzione tableElement :: String -> UI Element (il parametro String è la condizione del filtro) e un campo di immissione filterElement :: Element, che rappresenta il filtro. Il modo più naturale per me di combinare questi sarebbe qualcosa di simile a questo:

bFilter <- stepper "" (valueChange filterElement) 
displaySomehow (fmap tableElement bFilter) 

Questo è anche il modo in cui si è fatto in Elm.

La cosa più vicina che ho trovato finora è l'utilizzo di sink children, ma funziona solo con [Element] e non con [UI Element]. Inoltre devo usare un elemento fittizio come genitore o violino in giro con i bambini rimanenti.

Quale sarebbe il modo migliore per implementare qualcosa di simile con threepenny-gui?

Answer 1

(Autore qui)

noti che UI Element rappresenta un azione che, una volta eseguito, può creare una nuova Element. Dovrai eseguire l'azione per eseguire quest'ultima. Sfortunatamente, non esiste attualmente alcun modo per farlo completamente nello stile FRP, dovrai ricorrere al combinatore onChanges per creare nuovamente la tabella ogni volta che il filtro cambia. Qui puoi utilizzare set children.

Esempio:

onChanges bFilter $ \s -> do 
    el <- tableElement s 
    myTable # sink children [el] 

I Bartab.hs e CRUD.hs esempi possono essere rilevanti per la vostra situazione.

Answer 2

È possibile utilizzare currentValue per ottenere il UI Element da lì si (si spera) in UI e si può ottenere l'elemento da includere nell'HTML.