1

Doc.Selectから選択したオプションに基づいて別のSPAビューを表示しようとしています。WebSharper UIのselectオプションでonchangeを処理するにはどうすればいいですか。

私はWebSharper UI.Nextを使用してonchangeイベントを処理したいと思います。私はいくつかの情報のために周りに検索しましたとEltの属性に設定することができonを見てきましたので、のような:ここで見つける

spanAttr [on.click (fun el ev ->())] [text "some span"]

http://www.websharper.com/question/81410/event-handlers-for-ui-next-elt-objects

はしかし、私はどのように非常にわかりませんよUI.Nextで利用可能なツールを使用してDoc.Selectの変更を処理します。

私は、次のしている:

let rv = Var.Create "1" 
Doc.Select [ ] (fun _ -> "") [ "1"; "2"; "3" ] rv 

私は別のSPAビューにリダイレクトするようにルータを使用できるようにのonchangeイベントへのアクセスを取得する方法がわからないです。

ドロップダウン選択に基づいてビューを変更するようなことを行うための規約は何ですか?

答えて

2

自分でonchangeを処理する必要はありません。 Doc.Selectを使用すると、対応するVarがドロップダウンが変更されるたびに更新されます。あなただけのような何かすることができます

rv.View.Doc(function 
    | "1" -> text "page 1" 
    | "2" -> text "page 2" 
    | "3" -> text "page 3" 
    | _ -> failwith "Should never happen") 

をし、あなたのメインDocにレンダリングされることをことを埋め込みます。

関連する問題