我有一个JavaScript Web应用程序,在初始化时,它采用chartType参数。 chartType值(例如“populationPyramid”或“scatterGram”)应确定应用程序的布局状态。在“populationPyramid模式”中,应用程序应该具有小侧边栏视图和额外的标题视图。 (总而言之,应用程序可能有4种不同的布局,并带有自己的css设置。)
让我们说populationPyramid有一个模型,一个控制器和一些视图,每个视图都应该有自己的div容器。
1)如何在启动应用程序或更改状态时轻松注入必要的html? JavaScript模板可以帮助我吗?
2)如何在每个视图的基础上处理window.resize事件? 感谢。
答案 0 :(得分:1)
尝试使用客户端MVC框架,例如主干或脊椎。
您可以使用hashbang网址路由系统更改每个图表的“页面”或“布局”。
您可以使用模板/视图来呈现页面/布局,并且可以使用JavaScript中的模型来保存您的所有状态。
初始化应用程序时,只需通过ajax连接获取一些数据,将其存储在模型中,然后通过视图进行渲染。当您的路由器检测到hashbang url页面更改时,您会通过ajax获取一些不同的数据并进行渲染。
您的模型/视图上的解构器应删除事件。因此,无论何时创建新的客户端视图,您都要重新绑定该视图的特定事件。