簡體   English   中英

更新骨架.js集合,而無需重新呈現模板

[英]Update backbone.js collection without re-rendering the template

假設我有五個等級,並且每個等級都有不同的數據點(薪水,數字,平均值等)。 我建立了一個模型集合,每個等級一個模型。

然后,我有一個Rank視圖和一個App視圖-在我的App視圖中向下繪制五個Rank視圖。 我還需要在每個排名視圖中放置一個d3圖表。

到目前為止,沒有問題。 但是,然后我選擇一個按鈕,用新數據更新我的收藏集,然后我必須重新渲染每個“等級”視圖以在收藏夾中顯示新數據,對嗎? 每次重新渲染數據都會重建d3圖表,這是我不想做的,因為我希望圖表具有過渡。

誰能給我一點指導? 不一定要編碼,只是可能的解決方案?

您可以簡單地更新值並隨意重新設置它們的動畫。 無需完全銷毀該對象並創建一個新對象,盡管這是您經常看到的快捷方式,因為它很簡單……。但是它同時也帶來了顯示問題。

這是一個簡單的示例,用於更改表的值並重新設置動畫,而不是破壞和創建新的示例D3重繪示例您顯然可以通過Backbone模型獲得不同的數據,但是概念是相同的。

我的照明控制應用程序中的模式與您相似,並且我真的很喜歡使用網格來渲染集合,並帶有打開每個單獨視圖的鏈接,無論是通過鏈接到新頁面(我的首選方法) )或模態(老板最喜歡的方法)。我當前選擇的網格是Backgrid.js ,它直接與集合綁定,因此根本不需要任何工作來更新模型更改。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM