English 中文(简体)
Backbone. js - 后退按钮后的持续数据
原标题:Backbone.js - persisting data after back button

我学习了骨干.js 将一些互动性添加到现有的网络应用程序中。 在初始页面上我正在将一些初始数据输入页面, 使用 reset () 方法 < a href=> http://documentcloud.github.com/backbone/#FAQ-boutsstrap" rel=“nofollow” >suggested in docs 。 这非常有效。 我还可以创建新的模型实例, 视图也会如我所期望的那样处理这些实例; 它们会与初始数据一起出现, 一切都很好。 (新数据也会很好地进入数据库 ) 。

然而,如果我点击一个链接到不同的页面(不使用主干线或其它东西,只是一个普通链接),然后按下浏览器的后键,我以前创建的新模型就消失了;只有旧的初始数据才会出现。我做了一些调试,发现每次装入页面时,reseet () 方法都会运行,因此大概可以将我添加的额外数据压缩到下面。 (然而,如果我实际上rerefresh 页面,新数据将会再次显示,因为现在它也被粘在了。 )

我知道我可以使用fetch () 来获取新增加的数据(加上旧的数据),但我尽量避免,因为(a) 每次加载页面都提出额外请求,以及(b) 因为医生们说这不理想。

那么,我应该怎么做才能让使用后按钮不会让东西(暂时)消失呢?

问题回答

页面加载模型、 视图、 收藏和路由器。 页面通过 < code> reset (bottstrapping) 设置收藏。 用户点击链接浏览到另一个页面, 单击后端按钮。 现在会发生有趣的事情,

  • Routers match the url before the page is loaded ( when clicking back button). During this match you must verify that the collection contains new data and then do collection.fetch().
  • This will make you get latest always and hit the server only once (Either your collection is empty or it does not contain fresh data)




相关问题
What s the appropriate granularity for Backbone.js Views?

I m adopting Backbone.js to render a small corner of an existing large web app. If this goes well, I can see Backbone.js growing to encompass the whole of the app, lending some much-needed structure ...

Rendering Layouts with Backbone.js

If you were to build a single page web application (SPWA) using Backbone.js and jQuery with--for example--two controllers that each required a unique page layouts, how would you render the layout? ...

Load html without refresh

Im unsure of how to approach this, should I have the html to be loaded hidden or load it from somewhere? I want to load a form in one page, and dynamic content on other pages. The form can be saved ...

Why are my CoffeeScript/backbone.js events not firing?

I m trying to familiarize myself with CoffeeScript and backbone.js, and I must be missing something. This CoffeeScript: MyView = Backbone.View.extend events: { "click" : "testHandler" ...

热门标签