2017-04-22 1 views
2

Je suis face à un problème en essayant d'écouter les événements OnEnter dans le composant Material.Textfield. Je pense que je devrais la mettre en œuvre à l'aide Options.on et un décodeur, mais je ne suis pas sûr de savoir comment mettre en œuvre un décodeur. Toute aide appréciéel'écoute des événements OnEnter en orme-mdl Textfield

[ Card.actions [] 
     [ 
     Textfield.render Mdl [ 1 ] mdl [ Options.on "keydown" someDecoder, Options.onInput ChatInput] [] 
     ] 
    ] 

Répondre

4

résolu en utilisant Material.Options.on pour créer un gestionnaire d'événement personnalisé

import Html.Events exposing (keyCode) 
import Json.Decode as JD 
import Material.Options as Options 


Textfield.render Mdl [ 1 ] mdl [ Options.on "keydown" (JD.andThen isEnter keyCode) ] [] 


isEnter : number -> JD.Decoder Msg 
isEnter code = 
    if code == 13 then 
     JD.succeed SendMsg 
    else 
     JD.fail "not Enter"