MFlow  Create and maintain dynamic Web applications as easy and fast as console applications
Thou shall not write request handlers
 This release: 11/06/2014. (@agocorona) <>< . issues & bugs .  Mflow Source code,     source code of this site

Autocomplete list

Example of a widget that generates a set of return values, suggested by a autocomplete input box (article)

Running example

(in the light red box):

Autocomplete with a list of selected entries

enter and press enter

when submit is pressed, the entries are returned


Source code:

{-# OPTIONS -XCPP #-} 
module AutoCompList ( autocompList) where
import Data.List
#ifdef ALONE
import MFlow.Wai.Blaze.Html.All
main= runNavigation "" $ transientNav autocompList
import MFlow.Wai.Blaze.Html.All hiding(page)
import Menu

autocompList= do
   r <- page  $ pageFlow "autoc" $
            p <<  "Autocomplete with a list of selected entries"
            ++> p <<  "enter  and press enter"
            ++> p <<  "when submit is pressed, the entries are returned"
            ++> wautocompleteList "red,green,blue" filter1 ["red"]
            <** submitButton "submit"
   page  $ p << ( show r ++ " selected")  ++> wlink () (p <<  " menu")

   filter1 s = return $ filter (isPrefixOf s) ["red","red rose","green","green grass","blue","blues"]

-- to run it alone, change page by ask and uncomment this:
--main= runNavigation "" $ transientNav autocompList

comments powered by Disqus