knockoutjs爲多個選項卡和模塊化設計模式

Question

我一直在努力尋找構建/設計應用程序佈局的最佳方式，我經常使用它。

一般構建是一個SPA，帶有用於不同位信息的選項卡。我目前使用引導標籤和單個viewmodel。我想要做的就是用不同的viewmodel/component /爲每個選項卡更好地模塊化它。

當用戶與選項卡交互時，其操作將影響其他選項卡的結果。 IE選項卡1單擊將數據發送到選項卡2以根據這些值刷新表格。

當用戶在選項卡之間導航時，我需要保存「狀態」或排序/頁面/過濾器等。

我已經研究過使用諸如淘汰賽組件，淘汰賽的多視圖模型（郵遞員），杜蘭達，淘汰賽/需要組合。

任何成功的實施或其他想法將不勝感激。

Answer 1

我嘗試去SPA開發的香草Knockout路線，它變得具有挑戰性。

我會如迪朗達爾，因爲它提供了所有必要的組件爲SPA發展建議使用庫。 Durandal使用Knockout作爲其雙向綁定框架，因此它應該是一個簡單的過渡。您需要爲每個選項卡設置路線，然後相應地設置導航的樣式。通常，我將爲特定頁面使用一個視圖/視圖模型。在你的情況下，它將是每個選項卡的一個視圖/視圖模型。

在你的應用程序邏輯，因爲你一個選項卡上的更新信息，你需要通過AJAX的POST發送到服務器更新其他視圖模型的「狀態」其他選項卡。