如何处理WebSharper UI中的选择选项onNext

Question

我正在尝试根据从Doc.Select中选择的选项显示不同的SPA视图。

我想使用WebSharper UI.Next来处理onchange事件。我搜索了一些信息，并看到on可以在Elt的属性中设置，如下所示：

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

我不知道如何访问onchange事件，因此我可以使用路由器重定向到其他SPA视图。

根据下拉选择更改视图的做法是什么？

Answer 1

您不需要自己处理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中。