如何在WebSharper UI中处理选择选项的onchange。

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

但是，我不确定如何使用Doc.Select中提供的工具来处理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中。