在查詢字符串中保持狀態的級聯下拉列表

Question

我想用三個級聯下拉列表構建一個頁面，可以說品牌，模型和年份，使用類似Knockoutjs這樣的操作非常簡單。

事情是，我想保持querystring中的狀態，所以在做出我的選擇時，URL正在更新爲'/ Cars？Brand = Toyota'等。（如果瀏覽器支持它）。此外，如果用戶點擊'/ Cars？Brand = Toyota & Model = Corolla'，我希望下拉菜單反映該狀態。

起初我以爲像Knockoutjs這樣的東西會是微不足道的，但似乎它不是。

那麼，有沒有辦法使用Knockoutjs'綁定'查詢字符串參數？如果不是，這是可以使用像Angular這樣的框架來完成的事情嗎？

Answer 1

最簡單的方法就是將值綁定到視圖模型，然後使用jquery在值更改時更新查詢字符串。

Updating existing URL querystring values with jQuery

如果你那麼想成爲真正聰明的話，我想你可以這個代碼進入一個自定義綁定擴展。

http://knockoutjs.com/documentation/custom-bindings.html