级联下拉列表,使状态保持在查询字符串中

时间:2014-10-03 06:09:12

标签: angularjs knockout.js

我正在尝试构建一个包含三个级联下拉菜单的页面,比如说Brand,Model和Year,使用像Knockoutjs这样的东西很容易。

问题是我想在查询字符串中保持状态,所以在做出选择时,URL也会更新为'/ Cars?Brand = Toyota'等(如果浏览器支持它)

此外,如果用户点击'/ Cars?Brand = Toyota& Model = Corolla',我希望下拉菜单反映该状态。

起初我认为像Knockoutjs这样的事情是微不足道的,但似乎并非如此。

那么,有没有办法使用Knockoutjs'绑定'查询字符串参数?如果没有,这是否可以使用像Angular这样的框架来完成?

1 个答案:

答案 0 :(得分:0)

最简单的方法是将值绑定到视图模型,然后在值更改时使用jquery更新查询字符串。

Updating existing URL querystring values with jQuery

如果你想要非常聪明,那么我想你可以将这些代码移动到自定义绑定扩展中。

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