管理视图,查看容器和JavaScript应用程序中的布局?

时间:2011-05-20 07:55:09

标签: javascript jquery model-view-controller web-applications layout

我有一个JavaScript Web应用程序,在初始化时,它采用chartType参数。 chartType值(例如“populationPyramid”或“scatterGram”)应确定应用程序的布局状态。在“populationPyramid模式”中,应用程序应该具有小侧边栏视图和额外的标题视图。 (总而言之,应用程序可能有4种不同的布局,并带有自己的css设置。)

让我们说populationPyramid有一个模型,一个控制器和一些视图,每个视图都应该有自己的div容器。

1)如何在启动应用程序或更改状态时轻松注入必要的html? JavaScript模板可以帮助我吗?

2)如何在每个视图的基础上处理window.resize事件? 感谢。

1 个答案:

答案 0 :(得分:1)

尝试使用客户端MVC框架,例如主干或脊椎。

您可以使用hashbang网址路由系统更改每个图表的“页面”或“布局”。

您可以使用模板/视图来呈现页面/布局,并且可以使用JavaScript中的模型来保存您的所有状态。

  1. 初始化应用程序时,只需通过ajax连接获取一些数据,将其存储在模型中,然后通过视图进行渲染。当您的路由器检测到hashbang url页面更改时,您会通过ajax获取一些不同的数据并进行渲染。

  2. 您的模型/视图上的解构器应删除事件。因此,无论何时创建新的客户端视图,您都要重新绑定该视图的特定事件。