如何在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中。