管理視圖，在JavaScript應用程序中查看容器和佈局？

Question

我有一個JavaScript web應用程序，初始化時，它採用chartType參數。 chartType值（例如「populationPyramid」或「scatterGram」）應該確定應用程序的佈局狀態。在「人口金字塔模式」中，應用程序應該有一個小側欄視圖和一個額外的標題視圖。 （所有的一切有可能是4點不同的應用程序的佈局，用自己的CSS設置）。

比方說，人口金字塔有一個模型，控制器和一定數量的每個人都應該有它自己的div容器的看法。

1）如何INITING應用程序或改變狀態的時候，當我輕鬆地將必要的HTML？ JavaScript模板可以幫助我嗎？

2）？如何處理在每個視圖基礎window.resize事件？ 謝謝。

Answer 1

嘗試客戶方的MVC框架，如骨幹或脊柱。

您可以使用hashbang URL路由系統來改變你的「頁面」或「佈局」爲每個圖表。

您可以使用模板/視圖呈現您的頁面/佈局，並且您可以在JavaScript中使用模型來保存您的所有狀態。

1. 當初始化應用程序，您只需通過你的Ajax連接抓住一些數據，其存儲在你的模型，然後通過視圖渲染。當你的路由器檢測到hashbang的url頁面發生變化時，你可以通過ajax得到一些不同的數據，然後渲染它。

2. 您的模型/視圖的解構器應該刪除事件。因此，無論何時創建新的客戶端視圖，都要重新爲該視圖指定特定的事件。