threepenny-gui Davranışına Dayalı Dinamik Elemanlar

Question

Basitleştirmek gerekirse, Behaviour (UI Element) görüntülemenin bir yolunu arıyorum.

Gerçek kullanım durumum, filtrelenebilen bir tablo gösteriyor. Bu nedenle, tableElement :: String -> UI Element (filtre koşulu olan String parametresi) ve filtreyi temsil eden filterElement :: Element giriş alanım var.

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

Bu Elm yapılır yolu da: Bu birleştirmek benim için en doğal yolu böyle bir şey olurdu.

Şu ana kadar bulduğum en yakın şey sink children kullanıyor, ancak bu yalnızca [Element] ile çalışıyor ve [UI Element] ile çalışmıyor. Ayrıca ebeveyni bir elementi ebeveyn olarak kullanmam ya da geri kalan çocuklarla etrafta dolaşmam gerekiyor.

Böyle bir şeyi threepenny-gui ile uygulamanın en iyi yolu ne olurdu?

Answer 1

(Yazar burada) UI Element, çalıştırıldığı zaman, bir yeniElement oluşturabilir bir işlem temsil ettiği

not edin. Bunu yapmak için eylemi yürütmek zorunda kalacaksınız. Ne yazık ki, FRP stili içinde bunu tamamen yapmanın bir yolu yok, filtre değiştiğinde tabloyu yeniden oluşturmak için onChanges birleştiricisine başvurmanız gerekecek. Orada set children'u kullanabilirsiniz.

Örnek:

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

Bartab.hs ve CRUD.hs örnekler durumunuza uygun olabilir.

Answer 2

UI Element numarasını elde etmek için currentValue'u kullanabilirsiniz (umarız) UI öğesinde ve HTML'ye eklenmek üzere öğeyi alabilirsiniz.